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

*,
*::before,
*::after{
    box-sizing:border-box;
    margin:0;
    padding:0;
}


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

html{

    scroll-behavior:smooth;

    min-height:100%;

    overflow:auto;

    background:var(--bg);

}


body{

    margin-top:65px;

    background:var(--bg);

    color:var(--text);

    transition:
        background-color .6s cubic-bezier(.22,1,.36,1),
        color .6s cubic-bezier(.22,1,.36,1);

}


/* ==========================================
   LISTS
========================================== */

ol,
ul{
    list-style:none;
}


/* ==========================================
   LINKS
========================================== */

a{
    color:inherit;
    text-decoration:none;
}


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

img,
picture,
video,
canvas,
svg{

    display:block;

    max-width:100%;

    height:auto;

}


/* ==========================================
   FORMS
========================================== */

input,
button,
textarea,
select{

    font:inherit;

    color:inherit;

    background:transparent;

    border:none;

    outline:none;

}


button{
    cursor:pointer;
}


/* ==========================================
   TABLES
========================================== */

table{

    border-collapse:collapse;

    border-spacing:0;

}


/* ==========================================
   TEXT
========================================== */

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

    overflow-wrap:break-word;

}


/* ==========================================
   ACCESSIBILITY
========================================== */

:focus-visible{

    outline:2px solid #4a90e2;

    outline-offset:2px;

}


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

::-webkit-scrollbar{

    width:8px;

    height:8px;

}

::-webkit-scrollbar-track{

    background:var(--bg);

}

::-webkit-scrollbar-thumb{

    background:var(--text-muted);

    border-radius:4px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--text-secondary);

}