@font-face {
  font-family: "Rollbox";
  src: url("../fonts/RollboxThin-ywad5.ttf") format("truetype");
  font-weight: thin;
  font-style: normal;
}

@font-face {
  font-family: "Rollbox";
  src: url("../fonts/RollboxThinItalic-lgw1X.ttf") format("truetype");
  font-weight: thin;
  font-style: italic;
}

@font-face {
  font-family: "Rollbox";
  src: url("../fonts/RollboxBold-OVxvO.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Rollbox";
  src: url("../fonts/RollboxBoldItalic-ZVx0q.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

* {
  box-sizing: border-box;
}

body {
  background-color: #131720;
  font-family: "Rollbox", "Montserrat", sans-serif, arial;
  margin: 0px;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

p {
  text-transform: uppercase;
  font-size: 1.001rem;
  color: white;
}

button {
  font-family: "Rollbox", "Montserrat", sans-serif, arial;
  text-transform: uppercase;
  color: white;
}