body {
background-color : #CCFFFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
line-height : normal;
}

body, td, th {
color : #333333;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-style : normal;
}

h1 {
color : navy;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : large;
font-weight : bold;
font-style : normal;
}
h2 {
color : blue;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : bold;
font-style : normal;
}

h3 {
color : blue;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
font-style : normal;
}

h4 {
color : navy;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
font-style : italic;
text-align: center;
}

h5 {
color : blue;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
font-weight : normal;
font-style : normal;
}

h6 {
color : brown;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
font-weight : normal;
font-style : normal;
}
a {
color : #003366;
}


img {
  width: 600px;
  height: auto;
  border: 2px solid #1c87c9;
  border-radius: 10px;
}

/* Media query for screens smaller than 600px */
@media (max-width: 600px) {
  img {
    width: 100%;
  }
}


ul {
    list-style: none;
    padding-left: 10px;
}

ul li::before {
    content: '~';
    color: navy;
    font-size: 18px;
    margin-right: 5px;
}