@font-face {
  font-family: 'poppins_light_regular';
  src: url("../fonts/poppins/poppins-light-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'varela_round_regular';
  src: url("../fonts/varela-round/varelaround-regular-webfont.woff2") format("woff2"), url("../fonts/varela-round/varelaround-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

h1 {
  display: block;
  text-align: center;
  margin-top: calc(50vh);
  font-family: 'varela_round_regular', sans-serif;
  font-size: 44px;
  line-height: 44px; }
  h1 span.circio {
    color: #222; }
  h1 span.x {
    color: #1b5eec; }
  h1 span.y {
    color: #facc16; }
  h1 span.z {
    color: #ec1b3e; }

p {
  font-family: 'poppins_light_regular', sans-serif; }