body {
    background-color: #000;
    color: #f0ffff;
    text-align: center;
    background-image: url(ai_neon_scene.jpg);
    background-position-y: 74%;
    background-position-x: 50%;
    text-shadow: 2px 2px 2px #000;
}

.logo {
    margin-left: auto;
    margin-right: auto;
}
#netaText {
    width: 80%;

}

.construct {
    display: flex;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    justify-content: center;
    text-transform: uppercase;
    
}

.cones  {
    filter: invert(91%) sepia(2%) saturate(4086%) hue-rotate(181deg) brightness(116%) contrast(101%);
    min-width: 3rem;
    height: auto;
    padding: .5rem;
    animation-name: conesTilt;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
h1~img {
    animation-direction: reverse;
}

.ytmusic {
    height: 3rem;
    margin-right: 1rem;
}
.links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    column-gap: 5%;
    row-gap: 1rem;
    flex-direction: column;
    ***border: #f0ffff 2px solid;***
    border-radius: 10px;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

footer {
    margin-top: auto;
    position: fixed;
    top: 95%;
    color: #383838;
}

@media (min-width: 660px) {
    .links {
        flex-direction: row;
    }
}


@keyframes conesTilt {
    0% {
        rotate: -15deg;
    }
    25% {
        rotate: 0deg;
    }
    50% {
        rotate: 15deg;
    }
    75% {
        rotate: 0deg;
    }
    100% {
        rotate: -15deg;
    }
}