body {
   background-image: url(himyiad-web-bg.png);
   background-repeat: no-repeat; 
   background-size: cover; 
 }
 
 @font-face { 
   font-family: "Outfit"; 
   src: url('paperflaken.neocities.org/himyiad/Outfit-variable.woff2') 
   format("woff2"); 
   } 
   
   @font-face { 
   font-family: "Striper"; 
   src: url('paperflaken.neocities.org/himyiad/Striper-Regular.woff2') 
   format("woff2"); 
   } 
 
.center-block {
  width: 40%; /* Must specify a width */
  margin: 0 auto;
  padding: 5px;
}

#blue-bg {
  background-color: #434CFA;
}

h1 {
  font-family: "Striper";
  font-size: 350%;
  text-align: center;
}

h2 {
  font-family: "Outfit";
  color: navy;
}

p {
  color: white;
  font-family: "Outfit", sans-serif;
  font-weight: lighter;
  line-height: 170%;
  margin-right: 8px;
  margin-left: 8px;
  font-size: 90%;
}

p ~ p {
  margin-bottom: 10px;
  
}

#skitter {
  width: 5%;
  display: block;
  margin: auto;
  padding: 20px;
}


@media only screen and (max-width: 600px) {
  .center-block {
    width: 90%;
  }
  #skitter {
    width: 25%;
  }
}
  
#form {
  font-family: "Outfit";
  background-color: white;
  color: black;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 20px 30%;
  cursor: pointer;
  }
  
.text-section {
     margin-bottom: 50px;
     }
  
     
label {
  font-family: "Outfit";
  font-weight: lighter;
}