.jackson {
    background-color:lightblue;
    font-family:Helvetica;
    font-family:"Lucida Console", "Courier New", monospace;;
}

.Caleb{
    background-color:Lightyellow;
     font-family:times;
      border-style:Groove;
      text-align:center;
}

.JaNecia{
    background-color:PaleVioletRed;
}


.reagan{
    font-family:Cursive;
    text-align:center;
    background-color:LightPink;
}

.payton{
     font-family: "Lucida Console", "Courier New", monospace;
    background-color:mediumseagreen;
    color:white;
    border-style: dashed;
    border-color:darkgreen;
    
}
.alex {
    font-family:times;
    background-color:green;
    color:white;
    border-color:white;
    border-style:dashed;
}
.emily{
    font-family: "Lucida Console", "Courier New", monospace;
    background-color: LightCoral ;
    color: white;
    border-style: dashed;
    Border-color: MediumSeaGreen;
}
.angelica{
    background-color: ghostwhite;
    font-family: Georgia;
    border: 4px double black;
}

#samuel {
    background-color:#c3b091;
    font-family:fantasy;
    border:2px solid #3c2218;
    border-bottom:0;
    border-top:0;
    
}

.hannah{
    background-color:#FF7F50;
    border-style:dashed;
    border-color:white;
    color:white;
    font-family:"Lucida Console", "courier New" , monospace;
}

.miles {
    background-color:lightblue;
    font-family:Helvetica;
    border-style:double dashed solid dotted;
    border-color:red;
   
}

.anna {
    background-color:deeppink;
    border-style:dotted;
    border-color:teal;
}
.ollie{
    background-color:darkslateblue;
    color:lightcyan;
}
.lucas{
    background-color:mintcream;
    border:3px solid paleturquoise;
    font-family:"Times New Roman", Times, serif;
}
.levi {
    background-color:seagreen;
    color:seashell;
}
.madison{
    font-family:cursive;
    background-color:lightskyblue;
}
.ethan{
    background-color:seagreen;
    color:white;
    font-size:20px;
    border-style:solid;
    border-color:white;
}




/*  ADD CSS RULES ABOVE - Ask Mr. Gaskill prior to editing CSS rules below */

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 16px 24px;
  font-size: 17px;
  text-decoration: none;
  display: block;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #ff1a1a;
  color: white;
}
    
div, article {
    padding: 16px;
    background-color: lightgrey;
}    

footer {
    padding:16px;
    background-color:  #ff1a1a;
}

.Victor{
    background-color:LightGreen;
}