html {

    overflow-y: scroll;
}

body, html {
    min-height: 100%;
    background-image: url("/img/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Patrick Hand", cursive;
    color: #555555;
}

.bg-white {
    --bs-bg-opacity: 0.6;
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomout {
    from {
        opacity: 1;
        transform: scale(100%);
    }
    to {
        opacity: 0;
        transform: scale(75%);
    }
}

#home {
    margin-top: 100px;
    animation: fadein 1s;
}

#logo {
    width: 200px;
}

#menu {
    margin-top: 50px;
}

#staffs {
    margin-top: 50px;
}

#extras {
    margin-top: 50px;
}

footer {
    animation: fadein 2s;
}