@import url("variables.css");

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

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--bg);

    color:var(--text);

    font-family:"Poppins",sans-serif;

    overflow-x:hidden;

    line-height:1.6;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/* ===============================
DEFAULTS
=============================== */

img{

    display:block;

    max-width:100%;

}

a{

    color:inherit;

    text-decoration:none;

}

button{

    font-family:inherit;

}

input,

textarea,

button{

    outline:none;

}

/* ===============================
HEADINGS
=============================== */

h1{

    font-size:72px;

}

h2{

    font-size:52px;

}

h3{

    font-size:28px;

}

p{

    color:var(--text-light);

}

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

::selection{

    background:var(--primary);

    color:#fff;

}

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

::-webkit-scrollbar{

    width:9px;

}

::-webkit-scrollbar-thumb{

    background:linear-gradient(

        180deg,

        var(--primary),

        var(--secondary)

    );

    border-radius:50px;

}

::-webkit-scrollbar-track{

    background:#050505;

}