h1 {
    color: violet;
  }
  
  nav ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    background-color: lightblue;
  }
  
  nav li {
   display:inline-block;
  }
  
  nav li a {
   display: block;
   color: black; /* this is for a black font*/
   text-align: center;
   padding: 12px 16px;
   text-decoration: none;
   
  }
  
  nav li a:hover {
    background-color: blue;
  }
  
  section {
    background-color: violet;
    padding: 5px;
    margin: 10px;
    border-style:solid;
    border-color: navy;
  }
  
  footer {
   text-align: center;
   font-size: 0.8em;
   background-color: rgb(206, 61, 141);
  }
  
  html {
    font-family: cursive;
  }
  
  img {
    width: 150px;
  }
  
  .rhondaimg {
    width: 400px;
  }