@font-face {
  font-family: Lato;
  src: url(Lato-Regular.ttf);
}

body {
  max-width: 720px;
  min-width: 400px;
  margin: auto;
  padding: 20px;
  background-color: #505576;
  color: #F6F3E8;
  font-family: Lato, sans-serif;
}

h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.5em;
}

p {
  margin: 0;
}

p:not(:last-child) {
  margin-bottom: 0.5em;
}

a,
a:visited {
  color: #87e6fc;
}

b {
  color: #f32b2b;
}

.top_bar {
  background-color: #201A23;
  border: 1px solid #e9e9f9;
  box-shadow: 5px 5px 9px 3px black;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.games_box {
  background-color: #201A23;
  border: 1px solid #e9e9f9;
  box-shadow: 5px 5px 9px 3px black;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.game_bar {
  /* background-color: #0e2114; */
  border: 1px solid #e9e9f9;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 9px 3px black;
}

.game_title {
  font-size: 1.5em;
  text-align: center;
}

.game_title i {
  font-size: 0.6em;
}

.game_info {
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
}

.game_description {}

img.small_img {
  display: block;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  max-width: 400px;
}.caption {
  margin-bottom: 30px;
  text-align: center;
  font-style: italic;
}

.picture_of_me {
  width: 16px;
  height: 16px;
  margin-bottom: 10px;
  background-image: url(my_face_tiny.png);
  background-size: contain;
}