@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");

* {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    box-sizing: border-box;
    scrollbar-width: thin;
}

*,
html {
    scroll-behavior: smooth !important;
}

body {
    background: var(--bg);
    color: var(--text-color);
    font-family: "Comfortaa", sans-serif;
    font-size: 15px;
    transition: .5s ease;
    scroll-behavior: smooth;
    cursor:
    url("data:image/svg+xml,%3Csvgwidth='19'height='20'viewBox='0 0 19 20'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24186 17.7437L1.42915 2.18287C1.28532 1.38715 2.09631 0.758623 2.83098 1.09644L17.2754 7.73841C18.2473 8.18532 17.9432 9.85876 16.8873 10.0307C14.5724 10.4075 11.8837 11.1297 10.1831 12.5131C8.64608 13.7635 7.45486 15.9296 6.61255 17.9209C6.19048 18.9188 4.43457 18.8098 4.24186 17.7437Z' fill='%2303774A' stroke='%233ABF76' stroke-width='2'/%3E%3C/svg%3E%0A"),        auto;
    width: 100%;
    overflow-x: hidden;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}

:root {
    --bg: #efefef;
    --putih: #fff;
    --putih-2: #e0e0e0;
    --text-color: #333;
    --kuning: #d9a91a;
    --hijau: #3abf76;
    --kunjo: linear-gradient(to right, #3abf76, #d9a91a);
    --ijojo: linear-gradient(to top, #03774a, #04965d, #06dd89);
    --ijodown: linear-gradient(to bottom, #03774a, #04965d);
}

/*  */
#splash {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--ijojo);
    height: 100vh;
    width: 100%;
    z-index: 1000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: 0.5s;
    color: var(--putih);
}

#splash img {
    width: 800px;
    -webkit-filter: brightness(0%) invert();
    filter: brightness(0%) invert();
}

#splash.fade {
    opacity: 0;
    z-index: -1;
}

.container-fluid {
    background: var(--bg) !important;
}