// colors $blue_l: #a2d2f4; $blue: #2090ea; $grey_l: #f3f3f3; $grey: #616161; $grey_d: #454545; @font-face { font-family: 'Roboto-Light'; src: url('/fonts/Roboto-Light.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; src: url('/fonts/Roboto-Regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; src: url('/fonts/Roboto-Italic.ttf') format('truetype'); font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; } $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif; $roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif; $header-height: 36px; $header-color: $blue;