#panel {
    top: 0;
    height: 85px;
    width: 100%;
    background-color: rgba(30, 30, 30, 0.8);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    position: fixed;
    z-index: 2;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(50px);

    transition: all 1s ease-in-out;
    animation: moveAndFade 3s ease-in-out forwards;;
}
#search-button {
    margin-top: 10px;
    position: fixed;
    right: 10px;
    height: 40px;

    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: filter 1s ease-in-out;
}
#menu-button {
    margin-top: 10px;
    position: fixed;
    left: 10px;
    height: 40px;

    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: filter 1s ease-in-out;
}

@keyframes moveAndFade {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}