@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/RobotoCondensed-Regular.ttf");
}

@font-face {
  font-family: "Roboto Condensed";
  src: url("fonts/RobotoCondensed-Light.ttf");
  font-weight: 300;
}

html {
  background-color: #161616;
  color: white;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

h1 {
  font-family: "Roboto Condensed";
  text-transform: lowercase;
  word-spacing: -0.25em;
  font-size: 4em;
  background: -webkit-linear-gradient(0deg, #4aa6ff, #f87ffd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

.horizontal span,
.horizontal a {
  font-family: "Roboto Condensed";
  text-transform: lowercase;
  text-decoration: none;
  color: white;
}

.horizontal img {
  height: 1em;
}

.horizontal a.margined {
  margin-left: 0.5em;
}

.light {
  font-weight: 300;
}

.centerbox {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}

.horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.5em;
}