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

*{
margin:0;
padding:0;
box-sizing;
}

html{
scroll-behavior;
}

body{
font-family:'Poppins',sans-serif;
background:#050816;
color:#ffffff;
overflow-x;
line-height:1.6;
}

/* =================================
CONTAINER
================================= */

.container{
width:100%;
max-width:1300px;
margin:0 auto;
padding:0 20px;
}

/* =================================
IMAGES
================================= */

img{
max-width:100%;
display;
}

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

a{
text-decoration;
color;
}

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

button{
border;
outline;
cursor;
font-family;
}

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

input,
textarea,
select{
font-family;
outline;
}

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

ul,
ol{
list-style;
}

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

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-track{
background:#050816;
}

::-webkit-scrollbar-thumb{
background(
#00ffff,
#8b5cf6
);
border-radius:20px;
}

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

::selection{
background:#00ffff;
color:#050816;
}

/* =================================
SECTION DEFAULT
================================= */

section{
position;
}

/* =================================
UTILITY CLASS
================================= */

.text-center{
text-align;
}

.hidden{
display;
}

.w-100{
width:100%;
}

.h-100{
height:100%;
}

/* =================================
LOADING SMOOTH
================================= */

body{
animation .8s ease;
}

@keyframes fadeIn{

from{ opacity:0; } to{ opacity:1; }

}