.page--content .project-link {
    
    grid-column: 1 / -1;
        place-self: center;
    display: inline-block;
    border: 1px solid currentColor;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
        text-decoration: none;
        font-weight: bold;
        font-style: italic;

    margin: 60px 0;
    }
    
    .project-link:hover{
     background-color: white;   
    }

.page--content .description {

grid-column: 1 / span 2;

}

.page--content pre {

grid-column: 2 / span 2;
}

.page--header header{
height: auto;

}

.page--content p {
position: relative;

}

.page--content p img {
display: block;

}