body {
  /* background-color: #ffffff; */
  background-color: rgb(240,240,240,0.9) !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 100%;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important; 
  font-style: normal !important; 
  font-variant: normal; 
  font-weight: 400; 
  line-height: 20px; 
  color: rgb(100, 100, 100) !important;
  max-width: 1500px;
  min-width: 450px;
}

#header a {
color: rgba(51, 128, 251);
font-size: 110%;
text-decoration: none;
}

#header a:hover {
color: rgb(28, 75, 151);
font-size: 110%;
text-decoration: none;
}

.navButton {
float: left;
position: fixed;
top: 15px;
left: 15px;
background-color: transparent;
border: none; 
font-size: 300%;
}

#navBar {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgb(226, 226, 226);
border-bottom: 1px solid #bbb;
z-index: 1;
}

#navBar .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 50px;
margin-left: 50px;
}

#navBar ul {
padding-top: 35px;
}
#navBar a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #000000;
display: block;
transition: 0.3s;
}

#navBar li a:hover {
background-color: #99ffdd;
}

.headerLogo {
/* width: 25%; */
height: 170px;
top: 20px;
}

.headerIGLogo {
float: right;
width: 5%;
margin-top: -10%;
right: 5%;
margin-right: 5%;
}

#footer {
/* position: absolute; */
bottom: 10px;
text-align: center;
margin-bottom: 2%;
color: #666666;
padding: 5px;
}

#footer hr {
border-top: 1px solid #666 !important;
}


ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
/* background-color: #333; */
}

img {
margin-right: auto;
margin-left: auto;
display: block;
}

.homepageTable {
margin-left: auto;
margin-right: auto;
width: 90%;
/* border: 1px solid #bbb; */
background-color: rgb(255, 255,255, 0.8);
border-radius: 30px;
}

.homepageTable button {
width: 50%;
height: 15%;
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background-color: rgb(170, 170, 170);
font-size: 80%;
font-weight: 400; 
line-height: 20px; 
color: #ffffff;
border-radius: 15px;
border: none;
box-shadow: 3px 3px #555;

}

.homepageTable button:hover{
background-color: rgb(150, 150, 150);
box-shadow: 4px 4px #555;
}

.homepageTable button:disabled{
background-color: rgb(70, 70, 70) !important; 
color: rgb(150, 150, 150);
}

.homepageTable h3 {
font-size: 158%;
}

.homepageTable img {
width: 100%;
}

a {
  color: rgba(51, 128, 251);
  font-size: 110%;
  text-decoration: none;
}

a:hover {
  color: rgb(28, 75, 151);
  font-size: 110%;
  text-decoration: none;
}