/*-----------------------------------------------------------------*\
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
 |S| GENERAL SETTINGS
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
\*-----------------------------------------------------------------*/


/* GENERAL SETTINGS
////////////////////////////////////////////////////
///////////// || TYPOGRAPHY
////////////////////////////////////////////////////
*/

@font-face {
    font-family: Font1;
    src: url("../resource/font/Raleway/Raleway-VariableFont_wght.ttf") format('truetype');
}

.Font1 {
    font-family: Font1;
}

.Font2 {
    font-family: monospace, monospace;
}

.Font3 {
    font-family: serif;
}


/*-----------------------------------------------------------------*\
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
 |S| GENERAL STYLES
 ///////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////
\*-----------------------------------------------------------------*/


/* GENERAL STYLES
////////////////////////////////////////////////////
///////////// || Font Size
////////////////////////////////////////////////////
*/

.FS-80 {
    font-size: 0.8em;
}
.FS-100 {
    font-size: 1em;
}
.FS-120 {
    font-size: 1.2em;
}
.FS-140 {
    font-size: 1.4em;
}
.FS-180 {
    font-size: 1.8em;
}
.FS-220 {
    font-size: 2.2em;
}
.FS-300 {
    font-size: 3em;
}
.FS-400 {
    font-size: 4em;
}
.FS-500 {
    font-size: 5em;
}