html {
  height: 100%;
  width: 100%;
}

@font-face {
	font-family: 'Antonio';
	font-weight: 400;
	src: url('/assets/font/Antonio-Regular.woff2') format('woff2'),
			 url('/assets/font/Antonio-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Antonio';
	font-weight: 700;
	src: url('/assets/font/Antonio-Bold.woff2') format('woff2'),
			 url('/assets/font/Antonio-Bold.woff') format('woff')
}

body {
  color: lightgray;
  font-size: larger;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  font-family: 'Antonio', 'Arial Narrow', 'Avenir Next Condensed', sans-serif;
}

ul {
    text-align: center;
    list-style-position: inside;
}

.button:link, .button:visited {
  background-color: gray;
  color: #ddd;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.button:hover, .button:active {
  background-color: red;
}