// colors

$dark_blue: hsl(232, 54%, 37%);
$blue: hsl(198, 76%, 52%);
$dark_brown: hsl(270, 2%, 25%);
$brown: hsl(220, 2%, 35%);
$dark_gray: hsl(216, 2%, 51%);
$gray: hsl(216, 3%, 66%);
$light_gray: hsl(200, 3%, 83%);
$lightest_gray: hsl(0, 0%, 94%);
$white_shade: hsl(0, 0%, 98%);

// font size
$paragraph_size: 16px;
$heading_size: 36px;
$other_size: 14px;
$header_height: 20vh;
$header_height_scroll : 10vh;