* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: titillium;
}

.hidden {
    display: none;
}

@font-face {
    font-family: titillium;
    src: url("fonts/TitilliumWeb-Regular.ttf");
}

@font-face {
    font-family: titilliumBold;
    src: url("fonts/TitilliumWeb-Bold.ttf");
}

@font-face {
    font-family: titilliumItalic;
    src: url("fonts/TitilliumWeb-Italic.ttf");
}

@font-face {
    font-family: titilliumLight;
    src: url("fonts/TitilliumWeb-Light.ttf");
}

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

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

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

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

@font-face {
    font-family: PoppinsBold;
    src: url("fonts/Poppins-Bold.ttf");
}

@font-face {
    font-family: DMSans;
    src: url("fonts/DMSans-Bold.ttf");
}

@font-face {
    font-family: Palanquin;
    src: url("fonts/Palanquin-Regular.ttf");
}

@font-face {
    font-family: RobotoThinItalic;
    src: url("fonts/Roboto-ThinItalic.ttf");
}

@font-face {
    font-family: RobotoLightItalic;
    src: url("fonts/Roboto-LightItalic.ttf");
}

@font-face {
    font-family: Roboto;
    src: url("fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: RobotoBold;
    src: url(fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: RobotoLight;
    src: url(fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: RobotoBoldItalic;
    src: url(fonts/Roboto-BoldItalic.ttf);
}

@font-face {
    font-family: RobotoItalic;
    src: url(fonts/Roboto-Italic.ttf);
}

@font-face {
    font-family: InterBold;
    src: url(fonts/Inter-Bold.ttf);
}

@font-face {
    font-family: Inter;
    src: url(fonts/Inter-Regular.ttf);
}

@font-face {
    font-family: Lato;
    src: url(fonts/Lato-Regular.ttf);
}