*                   { padding: 0; margin: 0; box-sizing: border-box;}
body            { font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
    background-color: rgb(72, 166, 167)}
header          { background-color: rgb(242, 239, 231);}
h1               { font-family: Georgia, 'Times New Roman', Times, serif;
     font-size: 40px;
     text-align: center;
    }
article         { background-color: rgb(142, 242, 255);
    font-size: 25px;
   }     
a:hover         { background-color: pink;
    color: rgb(255, 255, 255);
  }                          
article a       { text-decoration: none;
    font-size: 25px;
   }
section         { background-color: aquamarine;
    border: 2px black solid;
   }
img             { padding: 15px;
    padding-bottom: 20px;
    text-align: center;
    }
nav              { background-color: aliceblue;
     min-height: 40px;
    }
li              { width: 25%;
    border: 2px rgba(255, 255, 255, 0.623) solid;
    list-style-type: none;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;                 
    padding: 5px;
    float: left;
    }   
figure          { float: left;
    width: 25%;
    padding: 1px;
    border: 1px solid rgb(255, 255, 255);
    text-align: center;
   }
figcaption      { background-color: rgb(186, 255, 255);
    text-align: center;
   }
article img     { width: 100%;
   }
nav a           { list-style-type: none;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
   } 
nav a:hover     { background-color: rgb(190, 255, 228);
    color: rgb(183, 219, 216);
    }
aside           { text-align: center;
    background-color: rgb(154, 203, 208);} 
li:nth-of-type(2n+1) { background-color: rgb(154, 203, 208);}
li:nth-of-type(2n)   { background-color: rgb(154, 203, 208);}
@media screen and (max-width: 900px) { nav li  { width: 100%;}
                         figure  { width: 100%;}
                        }