body {
  font-size: 24px;
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: 48;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;

  text-align: center;
}

.logo {
  height: 100px;
  padding-bottom: 50px;
}

.brand {
  font-size: 30px;
  letter-spacing: 7px;
  font-weight: 200;
  padding-left: 7px;
  padding-right: 7px;
}

.content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centered {
  text-align: center;
  padding-top: 30px;
}