@font-face {
  font-family: "Roboto Flex";
  src: url("../fonts/RobotoFlex.woff2") format("woff2");
}
@font-face {
  font-family: "Rubik Dirt";
  src: url("../fonts/RubikDirt-Regular.woff2") format("woff2");
}
body {
  margin: 1rem;
}

.main {
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.main > h1 {
  font-family: "Rubik Dirt", sans-serif;
  font-size: 70px;
  font-weight: normal;
  margin: 1rem 0 4rem 0;
  text-align: center;
}

.gamelist {
  font-family: "Roboto Flex", sans-serif;
  list-style-type: none;
  padding: 0;
  display: block;
}
.gamelist li {
  display: flex;
  flex-direction: row;
  margin-bottom: 2rem;
}
.gamelist li figure {
  width: 240px;
  margin: 0 2rem 0 0;
  flex: 0 0 25%;
}
.gamelist li img {
  width: 100%;
}
.gamelist li article {
  flex: 1;
}
.gamelist li article h1 {
  font-size: 24px;
  margin: 0 0 1rem 0;
}
.gamelist li article a {
  text-decoration: none;
  color: black;
}
.gamelist li article a:hover {
  text-decoration: underline;
}

.link-icon {
  width: 0.75em;
  height: 0.75em;
  display: inline-block;
  vertical-align: middle;
}

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