@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');

html,
body {
    height: 100%;
    width: 100%;
    font-family: 'Gloria Hallelujah', cursive;
}

a {
    color: rgb(255, 231, 204);
}

a:hover {
    color: #fff;
}

body {
    /*background-color: antiquewhite;*/
    font-family: 'Merienda', cursive;
    padding-top: 65px;
}

.img-brand {
    width: 40px;
    height: 40px;
    transition: 0.5s;
    border-radius: 20px;
}

.img-brand:hover {
    transform: rotate(360deg);
}

.navbar-brand:hover .img-brand {
    box-shadow: 1px 1px 10px #fff,
        -1px -1px 10px #fff;
}

.navbar-brand {
    font-family: 'Gloria Hallelujah', cursive;
    transition: 0.5s;
}

.navbar-brand:hover {
    text-shadow: 1px 1px 10px #fff,
        -1px -1px 10px #fff;
    transform: rotate(-1deg);
}

.navbar-custom {
    transition: 0.5s;
    background-color: #5A020Cce;
}

.navbar-custom:hover:not(footer) {
    background-color: #71131Eee;
}

.navbar li {
    transition: 0.5s;
}

.navbar li:hover:not([id=coffee-nav-item]) {
    padding-left: 10px;
    padding-right: 10px;
}

#coffee-nav-item:hover {
    margin-left: 10px !important;
    margin-right: 10px !important;
}


#coffee-nav-item {
    background-color: #5A020Cce;
    border-radius: 25px;
}

@media (min-width: 100px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

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

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}