header {
    display: grid;
    grid-template-rows: repeat(2, auto);
    gap: 1rem;
    text-align: center;
}

.title-wrapper {
    font-size: 0;
    margin-top: 1rem;
}

.title span {
    margin: 0;
    font-size: 4rem;
    letter-spacing: 0.5rem;
    font-family: 'Spongeboy', sans-serif;
    text-shadow: 6px 6px 0px black;
    font-style: italic;
}

.nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    list-style: none;
    padding: 0;
}

.nav-list li {
    position: relative;
    font-size: 1.1rem;
    z-index: 1;
}

.nav-list li a {
    color: #0077ff;
}

.nav-list li:nth-of-type(1) {
    animation: hover 1.7s infinite alternate ease-in-out;
}

.nav-list li:nth-of-type(2) {
    animation: hover 2.1s infinite alternate ease-in-out;
}

.nav-list li:nth-of-type(3) {
    animation: hover 1.9s infinite alternate ease-in-out;
}

.nav-list li:nth-of-type(4) {
    animation: hover 2.0s infinite alternate ease-in-out;
}

.nav-list li:nth-of-type(5) {
    animation: hover 1.8s infinite alternate ease-in-out;
}

.nav-list li:hover {
    animation-play-state: paused;
    cursor: pointer;
}

@keyframes hover {
    0% {
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(-0.3rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.home-cloud {
    position: absolute;
    top: 4rem;
    left: 3.4rem;
}

.quiz-cloud {
    position: absolute;
    top: 4rem;
    left: 3.8rem;
}

.memory-cloud {
    position: absolute;
    top: 4rem;
    left: 2.7rem;
}

.questionnaire-cloud {
    position: absolute;
    top: 4rem;
    left: 1.1rem;
}

.contact-cloud {
    position: absolute;
    top: 4rem;
    left: 2.6rem;
}

.dropdown-options {
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-block: 0.5rem;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgb(166, 221, 255);
    border: 3px solid black;
}

.nav-list li:hover .dropdown-options {
    display: flex;
}

.dropdown-options a {
    cursor: pointer;
    padding: 0.5rem;
    background-color: transparent;
    border: none;
    display: inline-block;
}

.dropdown-options a:hover {
    transform: scale(1.08);
}