@import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Dancing+Script&family=Itim&family=Merriweather&family=Montserrat&family=Noto+Sans+SC&family=Open+Sans+Condensed:wght@300&family=Open+Sans:wght@300&family=Overpass&family=Playfair+Display&family=Roboto:wght@300&family=Syne+Mono&display=swap" );
</style>);


*{ box-sizing: border-box; }

h1{ text-align: center}

section{
  background-color: rgb(222, 202, 235);
  width: 100%;
  max-width: 800px;
  border-radius: 25px;
  padding-top: 20px;
  margin: 25px auto;
  padding: 20px;
  display: table;
  text-align:center; 
}

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

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


#DancingScript{
  font-family: Dancing script,  serif;
  font-size: 1.5em;
}


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


#ArchitectsDaughter{
  font-family: "Architects Daughter", serif;
  font-size: 1.5em;
  
}
#NotoSansSC{
  font-family: "Noto Sans SC",  serif;
  font-size: 1.5em;
}  

#Itim{
  font-family: Itim,  serif;
  font-size: 1.5em;
} 

#Montserrat{
  font-family: Montserrat,  serif;
  font-size: 1.5em;
}
#SyneMono{
  font-family: "Syne Mono",  serif;
  font-size: 1.5em;
}

#OpenSans{
  font-family: "Open Sans",  serif;
  font-size: 1.5em;
}
#Merriweather{
  font-family: Merriweather,  serif;
  font-size: 1.5em;
}
#Roboto{
  font-family: Roboto,  serif;
  font-size: 1.5em;
}