h1 {color:blue}
/* selector(tagname) (
  property: value;
  property: value;
}
*/

h1 {
  text-align: center;
  text-decoration:underline;
}

h2{
  color: darkblue;
  text-align: center;
    margin: 2em;
   font-size: 40px;
}

h3 {
  color: white;
    font-size: 30px;
}

li {
  font-size: 20px;
  line-height:200%;
 padding: 2em;
  font-family: Trebuchet MS;


}
p { 
  
  margin:3em;
    
}
summary {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  color: blue;
  font-style: normal;
    text-align: center;
      font-size: 30px
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

body {
  background-color: cyan;
}

details {
  font-size: 20px;
  padding: 10px;
}

@media (min-width: 800px) {
  .container {
    max-width: 80vw;
  }
}

@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
    padding: 200%;
  }
}

.box {
  border: 3px solid black;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  margin: 10px;
}

.lightyellow {
  background-color: lightyellow;
}

.lightgreen {
  background-color: lightgreen;
}

footer {
  background-color: #211C38;
  padding: 10px;
  padding-bottom: 70px;
  color: white;
  font-size: 18px;
  background-image: linear-gradient(to bottom right, rgb(252, 48, 3, 0.1), rgb(61, 219, 67, 0.1), rgb(77, 61, 219, 0.1), rgb(219, 61, 169, 0.1));
}

footer a {
 color: white; 
}

ul {
 list-style-type: none; 
  line-height: 150%;
}