body {
    background-color: rgb(166, 240, 240);
    color: dark grey(17, 0, 255);
  }

  h1 {
    background-color: 166, 240, 240;
    color: white;
  }

  body {
    font-family: cursive;
  }


  #borderimg2 {
    border: 10px solid transparent;
    padding: 15px;
    border-image: url(border.png) 20% round;
  }
  
.nvagation-bar{
    color:white;
    background-color: black;
}
.themeColor{
    color:c;
}

.buttonText {
    text-align: center;
    color:cornflowerblue;
  }
  
  h1 {
    text-align: center;
  }

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* Change the link color to #111 (black) on hover */
  li a:hover {
    background-color: #111;
  }