body {
  background: #fff;
}
body .wrapper {
  position: fixed;
  left: 12px;
  right: 12px;
  top: 12px;
  bottom: 12px;
  background: #d2dde6;
  border-radius: 8px;
}

body .wrapper .logo {
  margin: 6rem auto 0;
  display: block;
  width: 12rem;
}

body .wrapper .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Inter";
  color: #222222;
  text-align: center;
}
body .wrapper .text .brand-name {
  text-transform: uppercase;
  font-size: 4rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid black;
}
body .wrapper .text .brand-name .left {
  font-weight: 200;
}
body .wrapper .text .brand-name .right {
  font-weight: 500;
  margin-left: -4px;
}
body .wrapper .text .message {
  font-weight: 400;
}

body .wrapper .text .contact {
  font-weight: 300;
  font-size: 14px;
}