/** 

colors:

primary = ffa41b 255,164,27
secondary = 000839 0,8,57
accent 1 = 005082 0,80,130
accent 2 = 00a8cc 0,168,204
**/

/** Colors **/

:root {
  --blue: #4e73df;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #fd7e14;
  --yellow: #f6c23e;
  --green: #1cc88a;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-dark: #5a5c69;
  --primary: #4e73df;
  --secondary: #858796;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.t-primary {
	color: #ffa41b;
}

.t-secondary {
	color: #000839;
}

.t-accent-1 {
	color: #005082;
}

.t-accent-2 {
	color: #00a8cc;
}

.t-white {
	color: white;
}

.b-primary {
	background-color: #ffa41b !important;
}

.b-secondary {
	background-color: #000839 !important;
}

.b-accent-1 {
	background-color: #005082;
}

.b-accent-2 {
	background-color: #00a8cc;
}

/** Text Size **/

.ptext-64 {
	font-size: 4em;
}

.p-34 {
	font-size: 2.125em;
	font-size: 6vmin;
}

.p-27 {
	font-size: 1.688em;
}

.ptext-16 {
	font-size: 1.000em;
}

.p-10 {
	font-size: 0.625em;
}

/** Text Family **/

.family-bebas {
	font-family: 'Bebas Neue', cursive;
}

.family-nunito {
	font-family: 'Nunito Sans', sans-serif;
}

.family-dancing {
	font-family: 'Dancing Script', cursive;
}

.family-poppins {
	font-family: 'Poppins', sans-serif;
}

.family-roboto {
	font-family: 'Roboto Condensed', sans-serif;
}

.family-fredoka {
	font-family: 'Fredoka One', cursive;
}

/** Text Weight **/

.weight-200 {
	font-weight: 200;
}

.weight-600 {
	font-weight: 600;
}

/** Border Color**/

.border-bottom-primary {
	border-bottom: solid 3px #ffa41b;
}

.border-bottom-secondary {
	border-bottom: solid 3px #000839;
}

/** Border Weight **/

.border-1px {
	border-width: 1px; 
}

.border-2px {
	border-width: 2px; 
}

.border-3px {
	border-width: 3px; 
}

.border-4px {
	border-width: 4px; 
}

.border-5px {
	border-width: 5px; 
}

/** Border Color **/

.border-primary {
	border-color: #ffa41b;
}

.border-secondary {
	border-color: #000839;
}

.border-accent-1 {
	border-color: #005082;
}

.border-accent-2 {
	border-color: #00a8cc;
}

/** Padding & Margin **/

.padding-0 {
	padding: 0px;
}

.padding-128 {
	padding: 128px;
	padding-top: 64px;
}

.margin-0 {
	margin: 0px;
}

.margin-top-16 {
	margin-top: 16px;
}

.margin-bottom-24 {
	margin-bottom: 24px;
}

.margin-bottom-64 {
	margin-bottom: 64px;
}

/** Opacity **/

.o-05 {
	opacity: 0.5;
}