html,
body {
	margin: 0;
	font-family: 'Rubik', sans-serif;
	height: 100%;
	scroll-behavior: smooth;
	/*background: #0F4879;*/
}

#root {
	height: 100%;
}

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

ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.condensed {
	font-family: 'Open Sans Condensed', sans-serif;
}

.opensans {
	font-family: 'Open Sans', sans-serif;
}

.anton {
	font-family: 'Anton', sans-serif;
}
.khand {
	font-family: 'Khand', sans-serif;
}

.lato {
	font-family: 'Lato', sans-serif;
}

.light {
	font-weight: lighter;
}

.mw1200 {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.mw1200::after {
	content: '';
	clear: both;
	display: table;
}

.clearfix::after {
	content: '';
	clear: both;
	display: table;
}

.noselect {
	user-select: none;
}

.transition1 {
	transition: all 300ms ease-in-out;
}

.transition2 {
	transition: all 0.6s ease-in-out;
}

.scale1 {
	transform: scale(0.8);
}


.drop-shadow {
	filter: drop-shadow(1px 5px 2px rgba(110, 110, 110, 0.34));
}

.skew {
	transform: skewX(40deg);
}

.hidden {
	visibility: hidden;
}
.nowrap {
	white-space: nowrap;
}

@media screen and (max-width: 60em) {
	.skew {
		transform: none;
	}
}

.unskew {
	transform: skewX(-40deg);
}

@media screen and (max-width: 60em) {
	.unskew {
		transform: none;
	}
}
.fz0 {
	font-size: 0;
}

.fz9 {
	font-size: 9px;
}
.fz12 {
	font-size: 12px;
}
.fz14 {
	font-size: 14px;
}
.fz18 {
	font-size: 18px;
}
.fz24 {
	font-size: 24px;
}
.fz30 {
	font-size: 30px;
}
.fz36 {
	font-size: 36px;
}
.fz48 {
	font-size: 48px;
}
.fz60 {
	font-size: 60px;
}
.fz64 {
	font-size: 64px;
}
.fz96 {
	font-size: 96px;
}
.pa25 {
	padding: 0.75rem;
}
.ph25 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.pv25 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

@media screen and (min-width: 30em) {
	.fz9-ns {
		font-size: 9px;
	}
	.fz12-ns {
		font-size: 12px;
	}
	.fz14-ns {
		font-size: 14px;
	}
	.fz18-ns {
		font-size: 18px;
	}
	.fz24-ns {
		font-size: 24px;
	}
	.fz30-ns {
		font-size: 30px;
	}
	.fz36-ns {
		font-size: 36px;
	}
	.fz48-ns {
		font-size: 48px;
	}
	.fz60-ns {
		font-size: 60px;
	}
	.fz64-ns {
		font-size: 64px;
	}
	.fz96-ns {
		font-size: 96px;
	}
	.black-ns {
		color: black;
	}
	.white-ns {
		color: white;
	}
}
@media screen and (min-width: 30em) and (max-width: 60em) {
	.fz9-m {
		font-size: 9px;
	}
	.fz12-m {
		font-size: 12px;
	}
	.fz14-m {
		font-size: 14px;
	}
	.fz18-m {
		font-size: 18px;
	}
	.fz24-m {
		font-size: 24px;
	}
	.fz30-m {
		font-size: 30px;
	}
	.fz36-m {
		font-size: 36px;
	}
	.fz48-m {
		font-size: 48px;
	}
	.fz60-m {
		font-size: 60px;
	}
	.fz64-m {
		font-size: 64px;
	}
	.fz96-m {
		font-size: 96px;
	}
	.black-m {
		color: black;
	}
	.white-m {
		color: white;
	}
}

@media screen and (min-width: 60em) {
	.fz9-l {
		font-size: 9px;
	}
	.fz12-l {
		font-size: 12px;
	}
	.fz14-l {
		font-size: 14px;
	}
	.fz18-l {
		font-size: 18px;
	}
	.fz24-l {
		font-size: 24px;
	}
	.fz30-l {
		font-size: 30px;
	}
	.fz36-l {
		font-size: 36px;
	}
	.fz48-l {
		font-size: 48px;
	}
	.fz60-l {
		font-size: 60px;
	}
	.fz64-l {
		font-size: 64px;
	}
	.fz96-l {
		font-size: 96px;
	}
	.black-l {
		color: black;
	}
	.white-l {
		color: white;
	}
}

.flex {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: space-around;
}

.white {
	color: white;
}

.vert {
	color: #008290;
}
.bg-vert {
	background-color: #008290;
}

input,
textarea {
	/*width: 100%;*/
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	margin: 0.3em auto;
	padding: 0.525em 0.6em;
	color: black;
	border: 1px solid #989898;
	background: #fff;
	transition: border 1s;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

input:focus,
textarea:focus {
	box-shadow: none;
	/* border: 1px solid #6a1a58; */
	/* background: #001b44; */
}