style.css

@font-face {
    font-family: 'League';
    src: url("League.otf") format("opentype");
    font-style: normal;
}
*{
	box-sizing:border-box;
}

html,body{
	font-family:League;
	width:100%;
	height:75%;
}

body{
	letter-spacing: 6px;

	text-transform: uppercase;
	font-family: "League";
	margin:0;
	overflow:hidden;
		color:#302C29;
	background-color:
	 #E3DACB;
}
h1{
	text-transform: uppercase;
	margin-top:0;
	color: blue;
	font-family: 'Tolstoika', sans-serif;
font-size: 72px;

}

button{
	font-family: 'Rubik Mono One', sans-serif;
	border:2px solid #F1EDC9;
	background:transparent;
	width:250px;
	font-size:1.2em;
	padding : 10px 0;
	border-radius:5px;
	display:block;
  cursor:pointer;
	margin:1em auto;
}
a {
	font-family: monospace;
	font-size: 50px;
	color: #E45D2B;
	text-decoration:none;
}
h2 {
	font-size: 50px;
	color: #E45D2B;

}
article{
	width:80%;
	margin:auto;
	font-size:5em;
	top:50%;
	position:relative;
	transform:translateY(-50%);
}