body{
    padding:10px;
}
.linkhome{
    max-width:800px;
    margin:0 auto;
}
.linkhome a{
    text-decoration:underline;
    font-size:1.4rem;
}
.linkhome a:hover{
    font-weight:400;
}
img{
    display:block;
    max-width:85%;
    margin:0 auto;
}
.content-container{
    max-width:800px;
    margin:0 auto;
}
h1{
    margin-top:40px;
    margin-bottom:10px;
    display:inline-block;
}
.subheading{
    border-left:4px solid var(--black);
    padding-left:10px;
    font-size:1.8rem;
}
.link-container{
    text-align:center;
    margin-top:-20px;
}
.mobile-img{
    margin-top:30px;
}
.visit-site{
    font-size:1.8rem;
    padding:10px;
    border:2px solid var(--black);
    display:inline-block;
    box-shadow:2px 2px 2px 0px rgba(34,34,34,0.2);
    background:white;
}
.visit-site:hover{
    background:var(--black);
    color:var(--white);
}
.prev-next{
    margin: 20px 0 100px 0;
}
.prev-next.linkhome{
    float:center;
}
.bullet-container{
    padding:10px;
}
.bullet-container p{
    font-weight:400;
}
.prev-next{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items:end;
    box-sizing:border-box;
    justify-items:left;
}
.prev-next p{
    margin:0;
    font-weight:400;
}
.linkhome{
    justify-self:center;
    padding: 5px;

}
.next-project{
    justify-self:right;
}
.next-project, .prev-project{
    box-shadow:4px 4px 4px 0px rgba(34,34,34,0.2);
    background-color:white;
    border:2px solid var(--black);
    padding:5px;
}
.next-project:hover, .prev-project:hover{
    background:var(--black);
    color:var(--white);
}
@media(max-width:450px){
    img{
        width:100%;
        max-width:100%;
    }
    .prev-next a p{
        font-size:1.2rem;
    }
    .link-container{
        margin-top:0;
    }
}
@media(max-width:650px){
    .link-container{
        margin-top:-10px;
    }
    .mobile-img{
        margin-top:20px;
    }
}