@import url('https://fonts.googleapis.com/css2?family=Anton&family=Fredoka+One&family=Pacifico&family=Bilbo+Swash+Caps&family=Milonga&family=Long+Cang&family=Ranchers&display=swap');


*{ box-sizing: border-box; }

section{
  background-color: rgba(59, 167, 77, 0.76);
  width: 100%;
  max-width: 800px;
  border-radius: 25px;
  padding-top: 20px;
  margin: 25px auto;
  padding: 20px;
  display: table;
  text-align:center; 
}


#first{
background-color: rgba(59, 163, 167, 0.76);

}


#third{
background-color: rgba(156, 167, 59, 0.76);



}


#fourth{
background-color: rgba(187, 133, 53, 0.795)



}









h1{
 text-align:center; 
 color:darkgreen;
font-family: Ranchers,sans-serif;
}

@media (orientation:landscape){
  section p{ display: table-cell; 
  width:50%;
  }
}

@media (orientation:portrait){
  section p{ display: block; }
}



/* google file */
#tahoma{
  font-family: 'tahoma', cursive;
  font-size: 1.7em;
}

/* websafe file */
 #longcang{
  font-family: 'Long Cang', cursive;
  font-size: 1.7em;
}

#anton{
 font-family: 'Anton', sans-serif;
  font-size: 1.5em;
}

#ranchers{
 font-family: 'Ranchers', cursive;
  font-size: 1.5em;
}


/* otf file */
@font-face {
  font-family: "MontserratAlternates-Thin";
  src: url("MontserratAlternates-Thin.otf");
}
#mont{
  font-family:"MontserratAlternates-Thin", cursive;
  font-size: 1.5em;
}


#milonga{
  font-family: 'Milonga', cursive;
  font-size: 1.5em;
}


#bilboswashcaps{
  font-family: 'Bilbo Swash Caps', cursive;
  font-size: 1.5em;
}

#Pacifico{
  font-family: 'Pacifico', cursive;
  font-size: 1.5em;
}

#fredokaone{
  font-family: 'Fredoka One', cursive;
  font-size: 1.5em;