*{
    font-family: Rubik;
    box-sizing: border-box;
    margin:0;
    padding: 0;
    --black: #1e1e1e;
    --red: #8c0014;
    --white: #ffffff;
    --vdgray:#aba79e;/*very dark*/
    --dgray:#c0bdb5;/*dark*/
    --gray:#d5d2cc;/*normal*/
    --lgray:#eae8e4;/*light*/
}
/* Rubik Regular */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Rubik Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Rubik Light */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Rubik Light Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Rubik Medium */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Rubik Medium Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Rubik SemiBold */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Rubik SemiBold Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Rubik Bold */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Rubik Bold Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Rubik ExtraBold */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Rubik ExtraBold Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* Rubik Black */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Rubik Black Italic */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik/Rubik-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

body{
    min-height: 100vh;
    min-width: 100vw;
    color:var(--black);
    font-family: 'Rubik', sans-serif;
}