.billboard-section {
    height: 100cqh;
    width: 100%;
    position: relative;
}

#title-div{
    min-height: 100cqh;
    width: 100%;
    background: radial-gradient(circle, rgba(4, 35, 48, 1) 0%, rgba(4, 35, 48, 0.75) 80%, rgba(4, 35, 48, 0.5) 100%), url(../imgs/binary-3725324_1280.jpg); 
    background-position-x: 10%;
    background-repeat: repeat-y;
    background-size: 200%;
    background-clip: content-box;
    animation: scrollBackground 30s alternate linear infinite;
}

#title-div h1{
    font-size: 400%;
    padding-top: 15cqh;
}

#title-div h4{
    padding: 0 5cqw;
    margin-bottom: 9cqh;
}

h5 {
    margin-top: 4cqh;
    background-color: rgba(35, 89, 107, 0.9);
    padding: 3cqh 0;
    border-radius: 15px;
    transition: transform 1s;
}

h5:target{
    transform: scale(0.9);
    background-color: rgba(85, 213, 255, 0.9);
}

@media (hover: hover) and (pointer: fine) {
    h5:hover {
        transform: scale(1.2);
    }
}



a {
    text-decoration: none;
    color: white;
}
    
#button-menu {
    margin: auto;
    width: 40cqw;
    min-width: 200px;
    max-width: 300px;
}

@keyframes scrollBackground {
      0% {
        background-position-y: 0%;
      }
      100% {
        background-position-y: 100%;
      }
}

@media (max-width: 550px) {
    #title-div h1 {
        font-size: 300%;
    }
}