/**********************************************/
/* FONTS                                      */
/**********************************************/
@font-face { font-family: "menlo-regular";                 src: url("/static/fonts/Menlo-Regular.ttf")               format("truetype"); }
@font-face { font-family: "roboto-black";                  src: url("/static/fonts/Roboto-Black.ttf")                format("truetype"); }
@font-face { font-family: "roboto-black-italic";           src: url("/static/fonts/Roboto-BlackItalic.ttf")          format("truetype"); }
@font-face { font-family: "roboto-bold";                   src: url("/static/fonts/Roboto-Bold.ttf")                 format("truetype"); }
@font-face { font-family: "roboto-bold-italic";            src: url("/static/fonts/Roboto-BoldItalic.ttf")           format("truetype"); }
@font-face { font-family: "roboto-italic";                 src: url("/static/fonts/Roboto-Italic.ttf")               format("truetype"); }
@font-face { font-family: "roboto-light";                  src: url("/static/fonts/Roboto-Light.ttf")                format("truetype"); }
@font-face { font-family: "roboto-light-italic";           src: url("/static/fonts/Roboto-LightItalic.ttf")          format("truetype"); }
@font-face { font-family: "roboto-medium";                 src: url("/static/fonts/Roboto-Medium.ttf")               format("truetype"); }
@font-face { font-family: "roboto-medium-italic";          src: url("/static/fonts/Roboto-MediumItalic.ttf")         format("truetype"); }
@font-face { font-family: "roboto-regular";                src: url("/static/fonts/Roboto-Regular.ttf")              format("truetype"); }
@font-face { font-family: "roboto-thin";                   src: url("/static/fonts/Roboto-Thin.ttf")                 format("truetype"); }
@font-face { font-family: "roboto-thin-italic";            src: url("/static/fonts/Roboto-ThinItalic.ttf")           format("truetype"); }
@font-face { font-family: "roboto-condensed-bold";         src: url("/static/fonts/RobotoCondensed-Bold.ttf")        format("truetype"); }
@font-face { font-family: "roboto-condensed-bold-italic";  src: url("/static/fonts/RobotoCondensed-BoldItalic.ttf")  format("truetype"); }
@font-face { font-family: "roboto-condensed-italic";       src: url("/static/fonts/RobotoCondensed-Italic.ttf")      format("truetype"); }
@font-face { font-family: "roboto-condensed-light";        src: url("/static/fonts/RobotoCondensed-Light.ttf")       format("truetype"); }
@font-face { font-family: "roboto-condensed-light-italic"; src: url("/static/fonts/RobotoCondensed-LightItalic.ttf") format("truetype"); }
@font-face { font-family: "roboto-condensed-regular";      src: url("/static/fonts/RobotoCondensed-Regular.ttf")     format("truetype"); }

/********************************/
/* COLORS                       */
/********************************/
:root {
    --white:            #ffffff;
    --black:            #333333;
    --blue:             #336699;
    --dark-blue:        #172344;
    --red:              #bd3939;
    --gray-50:          #f1efef;
    --gray-100:         #f7f8f9;
    --gray-200:         #c0c2c6;
    --gray-300:         #88898c;
    --gray-400:         #3d3d3f;
    --gray-500:         #181819;
    --gray-overlay-100: rgba(24,24,25,0.2);
    --gray-overlay-200: rgba(24,24,25,0.7);
    --orange:           #ffb302;
    --green:            #469d3b;
}

* {
    padding:0;
    margin:0;
    font-family: roboto-regular, arial, sans-serif;
}

body {
    background-color: #fff;
}