@font-face {
  font-family: dejavu-sans-custom;
  src: url('/fonts/DejaVuSans.woff2');
}

@font-face {
  font-family: dejavu-sans-custom-bold;
  font-weight: bold;
  src: url('/fonts/DejaVuSans-Bold.woff2');
}

body {
  font-family: dejavu-sans-custom;
  font-size: 17.75px;
}
strong, b {
  font-family: dejavu-sans-custom-bold;
}

.title-image {
  max-width: 400px;
  margin: 0 auto 0 auto;
  display: block;
  vertical-align: middle;
}

.float-world {
  width: 25%;
  float: right;
  margin-top: 0.75lh;
  margin-left: 5%;
}
.float-you {
  min-width: 15%;
  max-width: 30%;
  float: left;
  margin-right: 5%;
}

.socials-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.socials-container > * {
  padding: 16px 16px 8px 16px;
  border-radius: 10px;
}
.socials-container > *:hover {
  background-color: var(--bg2);
}