@font-face {
    font-family: Metropolis-ExtraLight;
    src: url(../fonts/Metropolis-ExtraLight.otf);
}

body, html {
	background-color: #111519;
}

body {
	color: white;
	font-family: Metropolis-ExtraLight;
	margin: 0;
	padding: 0;
}

a{
	display: block;
}

.main{
	position: absolute;
	width: 100%;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.header{
	font-size: 35px;
	width: 100%;
	text-align: center;
	color: white;
	text-decoration: none;
	margin-top: 5%;
}

.link{
	font-size: 20px;
	width: 100%;
	text-align: center;
	color: white;
    text-decoration-color: #12aa63;
	margin-top: 20px;
}

.link:hover {
  color: #0088cf;
  transition: color .35s ease;
}