@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-ExtraLight.ttf');
    font-weight: 200;
}
@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: "Manrope";
    src: url('./fonts/Manrope/Manrope-ExtraBold.ttf');
    font-weight: 800;
}

@font-face {
    font-family: "Bounded";
    src: url('./fonts/Bounded/Bounded-Variable.ttf');
}

@font-face {
    font-family: "Geologica";
    src: url('./fonts/Geologica/Geologica-Variable.ttf');
}

@font-face {
    font-family: "Montserrat";
    src: url('./fonts/Montserrat/Montserrat-Variable.ttf');
}

* {
    padding: 0;
    margin: 0;
}