/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[4].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[4].oneOf[12].use[3]!./app/(main)/globals.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
:root {
	/* Colors */
	--teal-dark: #02626d;
	--teal-medium: #0390a0;
	--teal-light: #04b4c8;

	--blue-dark: #02a2d3;
	--blue-medium: #0dc5fd;
	--blue-light: #35cefd;

	--orange-dark: #e3440d;
	--orange-medium: #f35d2b;
	--orange-light: #f57a51;

	--grey-dark: #879fa6;
	--grey-medium: #a0c0c9;
	--grey-light: #c7dee4;

	--rich-black: #00191f;
	--rich-black-light: #00303b;
	--off-white: #ecfbff;

	/* Breakpoints */
	--bp-tablet: 768px;
	--bp-laptop: 1024px;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	scroll-behavior: smooth;
}

html,
body {
	max-width: 100vw;
	overflow-x: hidden;
}

body {
	background-color: var(--off-white);
}

a {
	color: inherit;
	text-decoration: none;
}

@font-face {
 font-family: 'Raleway', sans-serif;
}

@font-face {
  font-family: 'Bebas Neue', sans-serif;
}