@font-face {
    font-family: "Font Awesome 6 Free";
    src: local("Font Awesome 6 Free"),
    url("../fonts/Font Awesome 6 Free-Solid-900.otf") format("opentype"),
    url("../fonts/Font Awesome 6 Free-Regular-400.otf") format("opentype")
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    src: local("Font Awesome 6 Brands"),
    url("../fonts/Font Awesome 6 Brands-Regular-400.otf") format("opentype")
}

@font-face {
    font-family: "Tenorite";
    src: local("Tenorite"),
    url("../fonts/Tenorite.ttf") format("truetype")
}

@font-face {
    font-family: "Tenorite Bold";
    src: local("Tenorite-bld"),
    url("../fonts/Tenorite-bld.ttf") format("truetype")
}

@font-face {
    font-family: "Couture";
    src: local("Couture"),
    url("../fonts/Couture.otf") format("opentype")
}

@font-face {
    font-family: "Couture Italic";
    src: local("Couture-it"),
    url("../fonts/Couture-it.otf") format("opentype")
}

@font-face {
    font-family: "Lulo Bold";
    src: local("Lulo Bold"),
    url("../fonts/Lulo Bold.otf") format("opentype")
}

@font-face {
    font-family: "Lulo Thin";
    src: local("Lulo Thin"),
    url("../fonts/Lulo Thin.otf") format("opentype")
}

@font-face {
    font-family: "Stretch Pro";
    src: local("Stretch Pro"),
    url("../fonts/StretchPro.otf") format("opentype")
}

/* Color codes
#0d0f33 #06071a #5d5e76 #eaeaf0 #f7f7ff #ff4d66 #ff615a
*/
* {
    scroll-behavior: smooth;
    scroll-margin: 8vw;
}

section{
    margin: 0 14vw 4vw 14vw;
    padding: 1.5vw 4vw 2vw 4vw;
    font-family: Tenorite,sans-serif;
}

body{
    background-image: url("../media/fond_site.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #0d0f33;
}