@charset "utf-8";
/* CSS Document */
body, html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

a:hover{
    text-decoration: none;
	color: #999;
	
}
a{
	text-decoration: none;
	color: #273B6A
	
}
h2{
	font-family: "alana",sans-serif;
}
article{
	font-family: "swister",sans-serif;
}

article{
	margin: 10% 10% 
}
#button_container{
	display: flex;
	justify-content: center;
}
.button{
	text-transform: uppercase;
	padding: 10px 30px 10px 30px;
	display: inline-block;
	margin: 30px 0 100px 0;
	border: 2px solid #273B6A;
	font-family: "orator-std",monospace;
	border-radius: 5px;
}
.button:hover{
	border: 2px solid #999;
	
}

@media screen and (max-width: 500px){
	a{
		font-size: 12px;
	}
}