// Base Font family
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arizonia|Cookie|Great+Vibes|Yesteryear&display=swap');

// Alert Color Variables
$black: #000000;
$white: #FFFFFF;
$hiremee: #8EC640;
$gole-primary-clr: #FFCF56;
$gold-secondary-clr: #986703;
$gold-hme-color-dark: #001E08;
$danger: #E12F35;
$yellow: #E6D814;
$blue: #4779DE;
$gold-bright: #f2ae14;
// Device Break Points
$break-small : 320px;
$break-medium: 767px;
$break-tab: 1024px;
$break-x-large: 1920px;

$borderWidth: 4px;
$borderWidthProfile: 10px;
$animationTime: 1.5s;
$border-color-default: #eee;
$border-color-default-dark: #bbb;
$border-color-fill: #3D6FD3;
$border-color-fill-gold: #E1AD05;
$border-color-fill-green: #02BF41;
$size: 60px;
$size-profile: 135px;
$size-ranking: 40px;
$howManySteps: 100;