* {
	box-sizing: border-box; }

*:before, *:after {
	box-sizing: border-box; }

body {
	overflow-y: scroll; }

h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font: inherit; }

ol, ul {
	list-style: none;
	padding-left: 0; }

button {
	padding: 0;
	cursor: pointer;
	font: inherit;
	color: inherit; }

button, iframe {
	border: none; }

iframe {
	display: block; }

pre {
	display: block; }

input, textarea, select {
	outline: none;
	font: inherit;
	color: inherit;
	border-radius: 0; }

input::placeholder, textarea::placeholder {
	opacity: 0.5;
	color: inherit; }

textarea {
	resize: vertical; }

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

table {
	border-collapse: collapse;
	border-spacing: 0; }

.mailto:hover {
	text-decoration: underline; }

video {
	outline: none; }

@font-face {
	font-family: "Forma DJR Micro";
	src: url(../font/FormaDJRMicro-Light.woff2) format("woff2");
	font-style: normal;
	font-weight: 300; }

@font-face {
	font-family: "Forma DJR Micro";
	src: url(../font/FormaDJRMicro-Regular.woff2) format("woff2");
	font-style: normal;
	font-weight: 400; }

@font-face {
	font-family: "Forma DJR Micro";
	src: url(../font/FormaDJRMicro-Medium.woff2) format("woff2");
	font-style: normal;
	font-weight: 500; }

@font-face {
	font-family: "Forma DJR Micro";
	src: url(../font/FormaDJRMicro-Bold.woff2) format("woff2");
	font-style: normal;
	font-weight: 700; }

@media (min-width: 1001px) {
	html {
		font-size: 1vw; }
		html #scale {
			width: 10px;
			display: none; } }

@media (max-width: 1000px) {
	html {
		font-size: 3.2vw; }
		html #scale {
			width: 32px;
			display: none; } }

html body {
	font-family: "Forma DJR Micro", sans-serif;
	color: #1a2531;
	background: #ede8de; }
	@media (min-width: 1001px) {
		html body {
			font-size: 1.15rem; } }
	@media (max-width: 1000px) {
		html body {
			font-size: 1.15rem; } }
	html body ::selection {
		background-color: #2c3e52;
		color: white; }

.show {
	opacity: 0;
	transform: translateY(1rem); }

.fade-in {
	opacity: 0; }

.line {
	transform: scaleX(0) scaleY(1.03); }
	.line.right-0 {
		transform-origin: 100%; }
	.line.left-0 {
		transform-origin: 0%; }

@media (max-width: 1000px) {
	.contain {
		padding-left: 1.5rem;
		padding-right: 1.5rem; } }

.full-height {
	height: calc(100svh - 7rem + 0.5px);
	min-height: 40rem;
	max-height: 75rem; }

@media (max-width: 1000px) {
	header nav {
		position: absolute;
		left: 0rem;
		top: 100%;
		width: 100%;
		display: none;
		padding-bottom: 1rem;
		background: #1a2531; }
		header nav a {
			padding: 0.5em;
			margin: 0.5em;
			display: block;
			text-align: center; }
			header nav a.active {
				font-weight: bold; }
	header .burger {
		width: 2.3rem;
		height: 1.8rem;
		cursor: pointer;
		user-select: none;
		position: relative; } }
	@media (max-width: 1000px) and (min-width: 1001px) {
		header .burger {
			display: none; } }

@media (max-width: 1000px) {
		header .burger:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 160%;
			height: 160%; }
		header .burger span {
			width: 100%;
			height: 0.16rem;
			background: white;
			transition: all 0.3s;
			outline: 1px solid transparent;
			border-radius: 0.04rem; }
		header .burger .n1 {
			position: absolute;
			left: 0rem;
			top: 0rem; }
		header .burger .n2 {
			position: absolute;
			margin: auto;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0; }
		header .burger .n3 {
			position: absolute;
			left: 0rem;
			bottom: 0rem; }
		header .burger.active .n1 {
			transform: translateY(0.82rem) rotate(45deg) scaleX(0.8); }
		header .burger.active .n3 {
			transform: translateY(-0.82rem) rotate(-45deg) scaleX(0.8); }
		header .burger.active .n2 {
			opacity: 0;
			transform: scale(0); } }

/*# sourceMappingURL=style.css.map */
