@font-face {
  font-family: "Pangram-Regular";
  src: url("https://claiming.hololoot.io/hololoot/font/Pangram-Regular.eot");
  src: url("font/Pangram-Regular.woff") format("woff"),
    url("https://claiming.hololoot.io/hololoot/font/Pangram-Regular.otf") format("opentype"),
    url("font/Pangram-Regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Pangram-Bold";
  src: url("https://claiming.hololoot.io/hololoot/font/Pangram-Bold.eot");
  src: url("https://claiming.hololoot.io/hololoot/font/Pangram-Bold.woff") format("woff"),
    url("https://claiming.hololoot.io/hololoot/font/Pangram-Bold.otf") format("opentype"),
    url("https://claiming.hololoot.io/hololoot/font/Pangram-Bold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Pangram-Black";
  src: url("https://claiming.hololoot.io/hololoot/font/Pangram-Black.eot");
  src: url("https://claiming.hololoot.io/hololoot/font/Pangram-Black.woff") format("woff"),
    url("https://claiming.hololoot.io/hololoot/font/Pangram-Black.otf") format("opentype"),
    url("https://claiming.hololoot.io/hololoot/font/Pangram-Black.ttf") format("truetype");
  font-weight: bold;
}

body {
  height: 100vh;
  width: 100%;

  padding: 0;
}

#root {
  height: 100%;
}

html body {
  font-family: "Pangram-Regular";
  background-repeat: no-repeat;
  background-image: url("img/brand-gradient.jpg");
  background-position-y: 15px;
  background-position-x: center;
}