*,
*:after,
*:before {
  box-sizing : border-box;
  margin     : 0;
  padding    : 0;
  outline    : none;
}

body {
  display               : flex;
  width                 : 100vw;
  height                : 100vh;
  background-image      : url('../resources/bg_wire.jpg'),
                          linear-gradient(#6c7397, #000020);
  background-color      : #181a1b;
  background-blend-mode : color-dodge;
  background-position   : center;
  background-size       : cover;
  align-items           : center;
  justify-content       : center;
  backdrop-filter       : saturate(0.4) blur(2px);
}

#content {
  display     : flex;
  align-items : center;
  flex-flow   : column;
}

.title {
  color       : white;
  opacity     : 0.8;
  text-align  : center;
  text-shadow : 4px 4px #8ab4f8;
  font-family : 'Bungee';
  font-size   : 56px;
  line-height : 56px;
  user-select : none;
}

.subtitle {
  z-index     : 1;
  margin-top  : 20px;
  color       : #8ab4f8;
  font-family : 'Roboto';
  font-size: 18px;
}