/* ===================================================
   GOOGLE FONT
=================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

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

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

/* ===================================================
   ROOT COLOR
=================================================== */

:root{

    /* Background */
    --bg-color:#0F172A;
    --second-bg:#1E293B;

    /* Text */
    --text-color:#F8FAFC;
    --text-secondary:#CBD5E1;

    /* Primary */
    --primary-color:#38BDF8;
    --primary-hover:#0EA5E9;

    /* Success */
    --success-color:#22C55E;

    /* Border */
    --border-color:#334155;

    /* Shadow */
    --shadow:0 10px 30px rgba(0,0,0,.25);

    /* Radius */
    --radius:18px;

    /* Transition */
    --transition:.3s ease;

    /* Container */
    --container:1200px;

}

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

html{

    scroll-behavior:smooth;

}

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

body{

    font-family:'Inter',sans-serif;

    background:var(--bg-color);

    color:var(--text-color);

    overflow-x:hidden;

    line-height:1.7;

}

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

.container{

    width:min(90%,var(--container));

    margin:auto;

}

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

section{

    padding:100px 8%;

}

/* ===================================================
   IMAGE
=================================================== */

img{

    width:100%;

    display:block;

}

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

a{

    text-decoration:none;

    color:inherit;

}

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