*{box-sizing: border-box;}

p{
  font-size: 1.5em;
  display: inline-block;
  margin: 23px;
}

@media (min-width: 400px){
  p{width:355px;}
}

h1{
  text-align: center;
  font-family: "Calibri", "Helvetica Condensed", sans-serif;
  font-size: 4em;
  padding-top: 50px;
  margin-bottom: 70px;
}

@font-face{
  font-family: "CODE-Bold";
  src: url("CODE Bold.otf");
}
#code{
  font-family: "CODE-Bold", sans-serif;
  font-size: 3em;
  line-height: 1em;
}

@font-face{
  font-family: "LemonMilk";
  src: url("LemonMilk.otf");
}
#lemon{
  font-family: "LemonMilk", sans-serif;
  font-size: 2.5em;
  line-height: 1.2em;
}

@font-face {
  font-family: "undella";
  src: url("undella.otf");
}
#undella{
  font-family: "undella", cursive;
  font-size: 3.9em;
}

@font-face {
  font-family: "Flashlight";
  src: url("Flashlight.otf");
}
#flashlight{
  font-family: "Flashlight", cursive;
  font-size: 5.5em;
}

@font-face{
  font-family: "Takota";
  src: url("Takota.otf");
}
#takota{
  font-family: "Takota", sans-serif;
  font-size: 4em;
}

@font-face {
  font-family: "Fontrust";
  src: url("Fontrust.otf");
}
#fontrust{
  font-family: Fontrust, sans-serif;
  font-size: 4em;
}


section{
  text-align: center;
  padding: 25px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-style: double;
  line-height: 4em;
}

#row1{
  background-color: antiquewhite;
}

#row2{
  background-color: floralwhite;
}

#row3{
  background-color: white;
}

nav a{
  text-decoration: none;
  font-family: "Calibri", "Helvetica Condensed", sans-serif;
  color: black;
}

a:hover{
  color: grey;
}