@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/Montserrat-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



:root{
    --main-color: #0A0908;
    --glass-color: rgba(255, 255, 255, 0.04);
    --glass-color-mobile: rgba(255, 255, 255, 0.2);
    --glass-hover-color: rgba(255, 255, 255, 0.2);
    --main-contrast-color: #E9E9E9;

    --main-font: "Raleway", "Verdana";
    --secondary-font: "Montserrat", "Raleway", "Verdana";
}


*{
    padding: 0;
    margin: 0;
}

html{
    background-color: var(--main-color);
    font-display:"swap"
}

body {
    background-color: var(--main-color);
}