/* E-KI-LIBRE Custom Styles */

 ol, ul, menu {
    list-style: katakana!important; 
    margin: 50px!important;
 }

.glass-nav {
    background: rgba(255, 255, 255, 0.8);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

}


.reveal {
    opacity: 0;

    transform: translateY(20px);

    transition: all 0.8s ease-out;

}


.reveal.active {
    opacity: 1;

    transform: translateY(0);

}


.bg-pattern {
    background-color: #fdfcfb;

    background-image: radial-gradient(#e5e7eb 0.5px, transparent 0.5px);

    background-size: 24px 24px;

}


.float {
    animation: floating 6s ease-in-out infinite;

}


@keyframes floating {
    0% {
        transform: translateY(0px);

    }

    50% {
        transform: translateY(-15px);

    }

    100% {
        transform: translateY(0px);

    }

}