#cover {
    /* margin-left: 15vh; */
    margin-top: 15vh;
    width: 350px;
    /* margin-left: 100px; */
    text-align: center;
}

#cover h1 {
    background: linear-gradient(to right, #3061ca, #cbd9f5);
    background-clip: text;
    color: transparent;
    font-size: 3rem;
}

#cover h2 {
    font-size: 1rem;
    opacity: 0.4;
    margin-top: -27px;
}


#top {
    display: flex;
    align-items: left;
    margin-left: auto; margin-right: auto;
    justify-content: center;
    /* justify-content: space-between; */
    /* gap: 70px */
}
#top img {
    /* width: 300px; */
    align-self: flex-end;
    height: 200px;
    transform: scaleX(-1) translateY(20px);
}

@media (max-width: 768px) {
    #top {
        flex-direction: column;   /* Stack the items vertically on smaller screens */
    }
    #top img {
        /* display: none; */
        align-self: center;
    }
    #cover
    {
        width: 80%;
        align-self: center;
    }
}