/* =========================================
   PORTAL LAYANAN GTK KABUPATEN KONAWE
   01-reset.css
   Version 6.0
   Author : Haldi Ali Syukur
========================================= */

/* =========================================
   ROOT VARIABLE
========================================= */

:root{

    --primary:#1565c0;
    --primary-dark:#0d47a1;
    --secondary:#ff9800;
    --success:#2e7d32;
    --warning:#fb8c00;
    --danger:#d32f2f;

    --text:#333333;
    --text-light:#666666;

    --white:#ffffff;
    --background:#f6faff;
    --background-soft:#eef5ff;

    --shadow:0 10px 30px rgba(0,0,0,.08);

    --radius:22px;

}

/* =========================================
   RESET
========================================= */

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

/* =========================================
   HTML
========================================= */

html{

    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;

}

/* =========================================
   BODY
========================================= */

body{

    min-height:100vh;
    overflow-x:hidden;

}

/* =========================================
   MEDIA
========================================= */

img,
picture,
svg,
canvas,
video{

    display:block;
    max-width:100%;
    height:auto;

}

/* =========================================
   FORM
========================================= */

button,
input,
select,
textarea{

    font:inherit;
    color:inherit;

}

button{

    border:none;
    background:none;
    cursor:pointer;

}

/* =========================================
   LINK
========================================= */

a{

    color:inherit;
    text-decoration:none;

}

/* =========================================
   LIST
========================================= */

ul,
ol{

    list-style:none;

}

/* =========================================
   TABLE
========================================= */

table{

    border-collapse:collapse;
    border-spacing:0;

}

/* =========================================
   HEADING
========================================= */

h1,
h2,
h3,
h4,
h5,
h6{

    font-weight:700;

}

/* =========================================
   PARAGRAPH
========================================= */

p{

    margin:0;

}

/* =========================================
   SELECTION
========================================= */

::selection{

    background:var(--primary);
    color:#ffffff;

}

/* =========================================
   SCROLLBAR
========================================= */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:var(--background-soft);

}

::-webkit-scrollbar-thumb{

    background:var(--primary);
    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--primary-dark);

}

/* =========================================
   REDUCE MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

    html{

        scroll-behavior:auto;

    }

    *{

        animation:none !important;
        transition:none !important;

    }

}