@font-face {
  font-family: "72Brand";
  src: url("72Brand-Regular.woff") format('woff');
}

@font-face {
  font-family: "72Brand";
  src: url("72Brand-Bold.woff") format('woff');
  font-weight: bold;
}

body {
  font-family: "72Brand";
  font-size: calc(0.75rem + 0.75vw);
}

.header {
  font-weight: bold;
  font-size: calc(1.5rem + 3vw);
  color: white;
  margin: auto;
  text-align: center;
  background-color: #002A86;
}

.split {
  height: 90%;
  position: fixed;
  z-index: 0;
  left: 10%;
  top: calc(3rem + 3vw);
  overflow-x: hidden;
}

.left {
  left: 0;
  width: 25%;
  padding-left: 1%;
  padding-top: 1%;
  color: #0070F2;
  margin: auto;
  font-weight: bold;
  font-size: calc(0.6rem + 0.75vw);
}

.right {
  right: 0;
  width: 75%;
  padding-right: 1%;
  padding-left: 1%;
  padding-top: 1%;
  margin: auto;
}