#backdrop{
    background-color: rgba(0,0,0,0.5);
    min-height: 200px;
    height: 30vh;
    -webkit-box-shadow: inset 0px 0px 50px 0px #000000; 
    box-shadow: inset 0px 0px 50px 0px #000000;
}

#backdrop h1{
    font-size: 60px;
    color: var(--primaryColor);
}

.backbutton{
    display: flex;
}

.backbutton a{
    color:var(--secondaryColor);
    opacity: 0.7;
    transition: opacity cubic-bezier(0.4,0,0.2,1) 0.5s;
}

@media (pointer: fine) {

    .backbutton a:hover{
        opacity: 1;
    }

}