body {
  background: url("pinkskiesbg2.jpg");
  background-size: 100%;
}
.fader {
  opacity: 1;
  transition: opacity 2s ease-in-out;
  border: none;
  background: transparent;
  padding: 0; 
  cursor: pointer;
}

.fader .headspace {
  display: inline-block;
}
.fader.fade-out {
  opacity: 0;
  cursor: default;
}

    @font-face {
        font-family: "angelicwar"; 
        src: url("AngelicWar.ttf") format("truetype");
    }


.headspace {
  font-family: "angelicwar";
  font-size: 120px;
  color: #c9c0e1;
  position: absolute;
  margin-left: 35vw;
  margin-top: 35vh;
  z-index: 10;
}

.hidden {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 1;
}

.hidden.fade-in {
  opacity: 1;
}



.header {
  font-family: "angelicwar";
  font-size: 100px;
  color: #a298ca;
  position: absolute;
  margin-left: 8.5vw;
  margin-top: 2.5vh;
  z-index: 4;
}

.posts {
  margin-top: 20vh;
  margin-left: 6vw;
  position: absolute;
}


.nov20 {
  position: relative;
  height: 15vh;
  width: 50vw;
  margin-top: 1vh;
  background-color: #fefefe;
  border-radius: 40px;
}