@font-face {
  font-family: "Museo";
  src: url(/fonts/Museo300.otf) format("opentype"),
    url(/fonts/Museo300.woff) format("woff"),
    url(/fonts/Museo300.woff2) format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "Museo";
  src: url(/fonts/Museo500.otf) format("opentype"),
    url(/fonts/Museo500.woff) format("woff")
    url(/fonts/Museo500.woff2) format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "MuseoSans";
  src: url(/fonts/MuseoSans300.ttf) format("truetype"),
    url(/fonts/MuseoSans300.woff) format("woff"),
    url(/fonts/MuseoSans300.woff2) format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "MuseoSans";
  src: url(/fonts/MuseoSans500.otf) format("opentype"),
    url(/fonts/MuseoSans500.woff) format("woff"),
    url(/fonts/MuseoSans500.woff2) format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "Bebas Neue";
  src: url(/fonts/BebasNeue-Regular.otf) format("opentype"),
    url(/fonts/BebasNeue-Regular.ttf) format("truetype"),
    url(/fonts/BebasNeue-Regular.woff) format("woff"),
    url(/fonts/BebasNeue-Regular.woff2) format("woff2");
  font-weight: 500;
}

:root {
  font-size: 14px;
}

html {
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  font-family: "Museo";
  font-weight: 500;
  color: #73739E;
  background-color: #27273f;
  padding: 70px 75px 65px 75px;
}

h1 {
  font-family: "BebasNeue";
  font-size: 4.5rem;
  color: #FFFFFF;
  text-transform: uppercase;
}

h2 {
  font-family: "BebasNeue";
  font-size: 2rem;
  color: #FFFFFF;
  text-transform: uppercase;
}

h3 {
  font-family: "BebasNeue";
  font-size: 1.7rem;
  color: #FFFFFF;
  text-transform: uppercase;
}

p {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: regular;
  font-size: 1rem;
  color: #73739E;
}