// Media Queries
$smallMobile: 375px;
$bigMobile: 480px;
$tablet: 768px;
$toTablet: 767px;
$toDesktop: 1023px;
$desktop: 1024px;
$monitor: 1200px;
$big: 1440px;

// colors
$text-color: hsla(0, 0, 100, .7);
$blue: #3830cf;
$blue-highlight: #0069d9; // button hover
$blue-light: #2D3657;
$navy: #1c2449;
$navy-dark: #0c143a;
$red: #d4434a;
$dark-red: #AA2E49;

// text
$body-font-size: 16;
$body-line-height: 24;
$primary-font: 'Roboto Mono', monospace;
$secondary-font: 'bebas_neuebold', sans-serif;

// layout
$container-width: 740;
$browse-left-width: 200;
$container-padding: 24;