.main-content{
    color: white;
    overflow-x:clip;
}

.body-text{
    position:relative;
    padding: 100px 50px;
    background-image:linear-gradient(to bottom, transparent, black 100px);
    min-height: 500px;
    line-height: 1.75rem;
}

#about{
    scroll-margin-top: calc(var(--header-height) *1.25);
}

h1, h2{
    font-size:2rem;
    margin: 3rem auto 1rem;
}

.align-right{
    text-align:right;
}

.commission-link{
    position:relative;
}
.commission-link:before{
    color:white;
    content: "To commissions page";
    position:absolute;
    top: -130%;
    left:20px;
    background:black;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
}

.commission-link:hover:before{
    opacity: 1;
    
}

@media (max-width:900px) {
    .body-text{
        padding-top:50vh;
    }
}