@media only screen and (max-width: 600px) {
  img {
    max-width: 200px;
  }
}

img {
  max-width: 400px;
}




html {
  --top-spacing: 50px;
  padding: 24px;
}


body {
  scroll-padding-top: var(--top-spacing);
  margin: var(--top-spacing) auto;
  font-family: 'Roboto', sans-serif;
  background: #FFFF66
}


.navbar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background-color: #121212;
}

.active {
  background-color: #ffad33;
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  background: transparent;
  text-align: center;
}

div.content { 
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 0px;
  }

p { 
  color: #000
}

p.small
{font-size: 10px;}
  

h1{
  color: #000
}


h2{
  color: #000
}

a { color: #6633FF;
}





ul {
  list-style-type: disc;
}

li {
  display: list-item;
  margin-bottom: 15px;
  color: #000;
}

table {
  text-align: left;
  width: 100%;
  padding: 8px;

}


table, th {
  color: #000;
  background-color: #ffad33;
}

table, tr {
  color: #000;
  border: 1px solid #555;
  background-color: transparent;
 
}

table, td {
  color: #000;
  padding: 4px;
  border-top: 0.5px solid #555;

}

#tableFrontPage 
{
  color: #000;
  border: 0px;
  padding: 0%;

}