html {
  font-size: 17px;
  width: 60vw;
  margin: auto;
  font-family: "Rubik", sans-serif;
  background: radial-gradient(circle,rgba(255, 254, 191, 1) 44%, rgba(255, 224, 237, 1) 100%);
  text-align: unjustified;
}

  header p {
    font-family: "Supermercado One", sans-serif;
    font-size: 0.8em;
    text-align: justify;
  }

  h1 {
   font-size: 3.8em;
   text-align: left;
   color: deeppink;

    }

  h2{
  font-size: 2em;
  text-align: unjustified;
  color: turquoise;
  }

  main{
    margin-top: 10em;
  }
  .main1{
    width: 67vw;
    margin-left: 4em;
  }
  .main2{
    width: 50vw;
    margin-left: 2em;
  }
  .main3{
    width: 68vw;
    margin-left: -2em;
  }
  .main4{
    width:65vw;
    margin-left: -4em;
  }
  .main5{
    width: 70vw;
    margin-left: -7em;
  }
  .main6{
    width: 70vw;
    margin-left: -11em;
  }
  .main7{
    width: 72vw;
    margin-left: -13em;
  }
  .main8{
    width: 68vw;
    margin-left: -14em;
  }
  .main9{
    width: 76vw;
    margin-left: -10em;
  }
  .main10{
    width: 74vw;
    margin-left: -6em;
  }
  .main11{
    width: 70vw;
    margin-left: -2em;
  }
  .main12{
    width: 70vw;
    margin-left: 0em;
  }
  .main13{
    width: 70vw;
    margin-left: -4em;
  }
  .main14{
    width: 70vw;
    margin-left: -10em;
  }
  .main13{
    width: 70vw;
    margin-left: 4em;
  }
  .main14{
    width: 70vw;
    margin-left: 2em;
  }
  .main15{
    width: 70vw;
    margin-left: -2em;
  }
  .main16{
    width: 70vw;
    margin-left: -8em;
  }
  .main17{
    width: 70vw;
    margin-left: -11em;
  }
  .main18{
    width: 70vw;
    margin-left: -5em;
  }

  blockquote{
    margin-left: 0.7em;
  }

  footer{
    text-decoration: underline 3px wavy yellow;
    margin-top: 10em;
    text-align: right;
  }