@media (orientation: portrait) {
  body {
    width: 80vw;
    color: black;
    background-color: Cyan;
    margin: 0 auto;

  }

  header {
    text-align: center;
    font-family: "Quantico", sans-serif;
    margin-top:5%;
    margin-bottom: 100%;

  }

  .starline{
    width:100%;
    margin-top:3%;
    margin-bottom:3%;

  }

  h1{
    font-size: 15vw;
    background-color: fuchsia;
    color:aqua;
    display: inline-block;
    margin-top: 100%;
    margin-bottom: 100%;
  }

 .waittext span{
   animation: appear 3s steps(3) infinite;
   font-size: 9vw;
   display: block;
   margin-bottom: 7%;
}

.waittext span:nth-child(1) {animation-delay: 0s;}
.waittext span:nth-child(2) {animation-delay: 0.5s;}
.waittext span:nth-child(3) {animation-delay: 1s;}
.waittext span:nth-child(4) {animation-delay: 1.5s;}
.waittext span:nth-child(5) {animation-delay: 2s;}
.waittext span:nth-child(6) {animation-delay: 2.5s;}


@keyframes appear{
  0%{
    visibility: hidden;
  }

  99%, 100%{
    visibility: visible;
  }
}

  .stop{
    display: block;
    margin-bottom: 5%;
  }

  h2{
    font-size: 15vw;

  }

  .pink{
   color: fuchsia;
   margin-top:15%;
   margin-bottom: 40%;
   display: inline-block;
  }

  .selfie{
    animation: blink 2s steps(2) infinite;
    margin: auto;
    display: block;
    width: 100%;
    margin-bottom: 80%;
  }

  @keyframes blink {
    0%{
      opacity:1;
    }

    50%{
      opacity:0;
    }

    100%{
      opacity:1;
    }

  }

  h3{
    font-size: 9vw;

  }

  header img{
    display: block;
    width: 60vw;
  }

  main{
    font-family: "Offside", sans-serif;
    font-size: 5vw;
    background-color:fuchsia;
    padding: 1em;
  }



  .posetext{
    display: inline-block;
    font-size: 5vw;
    transform: rotate(5deg);
    background-color: aqua;
    padding: 0.5em;
    border-radius: 20em;
    text-align: center;
    position: absolute;
    margin-left: 3em;
    margin-top: -1em;
  }

  #pose {
    width: 50%;
    margin-left: 0.5vw;
    margin-bottom: 0.6vw;
    vertical-align:text-top;
  }

.tinytext{
  font-size: 4vw;
  color: aqua;
  margin-top: 5%;
  display: inline-block;
}

  #banner{
    width: 50vw;
    display:block;
    margin: auto;
    margin-top: 2%;
  }

  #imp{
    display: block;
    margin: auto;
    width:20vw;
    margin-top: 25%;
  }

  .lastS{
    text-align:center;
  }

  .lastblock p{
   text-align: center;
   margin-top: 90%;
   font-size: 5vw;
   font-family: "Quantico", sans-serif;
  }

  .lastblock img{
   margin: auto;
   display: block;
   width: 90%;

   }

#cool{
  margin-top: 120%;
}

#meme{
  margin-top: 150%;
}
  #gif{
    width:20vw;
    display: block;
    margin: auto;
  }

  footer{
    text-align: center;
    font-family: "Quantico", sans-serif;
    font-size: 5vw;
    margin-top: 100%;
  }
}