/* ===========================
   FONTS
=========================== */

/* Poppins */
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

/* Cinzel */
@font-face {
    font-family: "Cinzel";
    src: url("../fonts/Cinzel/static/Cinzel-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Cinzel";
    src: url("../fonts/Cinzel/static/Cinzel-Bold.ttf") format("truetype");
    font-weight: 700;
}

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

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

/* ===========================
   VARIABLES
=========================== */

:root{

    /* Couleurs */

    --background:#05070d;
    --background-light:#0d111b;

    --primary:#2fa8ff;
    --secondary:#5b6cff;

    --text:#ffffff;
    --text-secondary:#b8bfd1;

    --glass:rgba(255,255,255,.06);

    /* Effets */

    --radius:18px;
    --transition:.35s ease;

}

/* ===========================
   BASE
=========================== */

html{

    scroll-behavior:smooth;

}

body{

    background:var(--background);
    color:var(--text);

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

    overflow-x:hidden;
    line-height:1.6;

}

h1, h2, h3{

    font-family:"Cinzel", serif;

    letter-spacing:1px;

}

img{

    display:block;

    max-width:100%;

}

button{

    font:inherit;

    border:none;

    background:none;

    cursor:pointer;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}