@font-face {
    font-family: "Marat";
    src:url("fonts/Marat Sans Regular.otf") format("opentype");
}
@font-face {
    font-family: "Noe";
    src:url("fonts/NoeDisplay-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Anurati";
    src:url("fonts/Anurati.otf") format("opentype");
}
@font-face {
    font-family: "HelveticaNeue";
    src:url("fonts/HelveticaNeue-Light.otf") format("opentype");
}
img{
  width: 20vw;
  height: 70vh;
  display:block;
  margin:auto;
}

body{
  background-color: #020C1C;
}
section{
  min-height: 100%;
  overflow: hidden;
  width: 100%;
  position:relative;
}

.wrapper{
  height: auto;
  clear:both;
  position:absolute;
  z-index: 2;
}

.centered_div{
  color: #f8f8f8;
  text-align:center;
  font-size: 9vw;
  font-family:"Noe";
  position:absolute;
  letter-spacing: 0.6vw;
  top:  45%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.centered_div_subtext{
  color: #f8f8f8;
  text-align:center;
  font-size: 2vw;
  font-family: "HelveticaNeue";
  position: absolute;
  letter-spacing: 0.15vw;
  top:  60%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.centered_div_subtext2{
  color: #f8f8f8;
  text-align:center;
  font-size: 2vw;
  font-family: "HelveticaNeue";
  position: absolute;
  letter-spacing: 0.15vw;
  top:  75%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.content1{
  color: #f8f8f8;
  text-align:left;
  font-size: 2vw;
  padding-top: 20vw;
  margin-left: 20vw;
  margin-right: 20vw;
  font-family: "HelveticaNeue";
  letter-spacing: 0.2vw;
  min-height: 100%;
  position:relative;
}

.content_title{
  font-size: 4vw;
  font-family: "Noe";
  letter-spacing:  0.4vw;
}

.accent_text{
  font-family: "Marat";
  font-size: 2.5vw;
}

.hidden_text{
  cursor: default;
  color: #020C1C;
  font-family: "HelveticaNeue";
  font-size: 2vw;
}