:root {
    --nav-color: rgba(0, 0, 0, 0.571);
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100vh;
    min-height: 100vh;
    box-sizing: border-box;
    user-select: none;
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth;
    animation: fadeload 0.8s;
}

*, html, body {
    scroll-snap-type: mandatory !important;
    cursor: url(/src/img/cursor.webp), auto;
    text-rendering: optimizeLegibility;
    image-rendering: pixelated;
    shape-rendering: optimizeSpeed;
    scroll-behavior: smooth;
}

body {
    font-family: 'deca','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background: radial-gradient(#131c27 0%, #12151f 100%);
    color: #3c74b3;
}

@font-face {
    font-family: deca;
    src: url(../LexendDeca-Regular.ttf);
}

::-webkit-scrollbar {
    width: 0;
}

@keyframes fadeload {
    from {filter: blur(16px); opacity: 0;}
    to {filter: blur(0); opacity: 1;}
    
}

.ani {
    animation: ani 1.5s infinite ease;
    color: #4889d4;

}

@keyframes ani {
    0%, 100% {
        position: relative;
      bottom: 0;
    }
    50% {
        position: relative;
      bottom: 20px;
    }
}

.fade-in-on-scroll {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in-on-scroll.visible {
    opacity: 1;
}

a {
    text-decoration: none;
    color: #385a81;
}