body {font-size: 40px; color:floralwhite; font-family:'roboto', sans-serif; background-color: cornflowerblue; padding-bottom: 60px;}

.background-blue {background-color:cornflowerblue;}

.background-info {background-color: floralwhite;}
        
.background-white {background-color:floralwhite;}

.center { display: flex; justify-content: center;}

.center1{ display: flex; justify-content: center; align-items: center;}

.left {display: flex; justify-content: left;}

.left1 {display: flex; justify-content: left; align-items: left;}

.margin-top { margin-top: 100px;}

.margin-top1 {margin-top: 150px;}

.margin-top2 {margin-top: 20px;}

.margin-top3 {margin-top: 50px;}

.margin-top4 {margin-top: 80px;}

.margin-top5 {margin-top: 0px;}

.margin-footer {margin-left: 20px; margin-right: 20px;}

.field { font-size: 40px; color:floralwhite; font-family:'roboto', sans-serif;}

.field1 { font-size: 60px; color:floralwhite; outline-color: darkblue; font-family:'roboto', sans-serif;}

.field2 { font-size: 30px; color:black;} 

.field3 { font-size: 25px; color:khaki; font-family:'roboto', sans-serif; justify-content:left}

.field4 { font-size: 25px; color:floralwhite; font-family:'roboto', sans-serif;}

.field5 { font-size: 25px; color:gold;}

.field6 { font-size: 20px; color:black;}

.field7 {background-color:cornflowerblue; font-size: 20px; color: floralwhite; font-family: 'roboto', sans-serif;}

.field8 {font-size: 20px; color:black;}

.field9 {font-size: 25px; color:floralwhite; font-family:'roboto', sans-serif;}

.dropdown {display: flex; justify-content: center;}

.underline {text-decoration: underline;}

.img {float: left; width: 100%; max-height: 400px;}

.bottom {width:100%; position: absolute; bottom:0;}
.img1 { position: relative; float: left; width: 100%; max-height: auto;}

.box {width:50%}

.footer {position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; background-color:darkblue; color: white; text-align: center;}

a:link {
  color:floralwhite;
  background-color: transparent;
  text-decoration:underline;
}

a:visited {
  color:floralwhite;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color:mediumvioletred;
  background-color: transparent;
  text-decoration: underline;
}







.button {
    border: none;
    color: floralwhite;
    padding: 32px 96px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 32px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    margin-top: 100px;

}


.button2 { 
    border: none;
    color:floralwhite;
    padding: 16px 48px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    margin-top: 50px;
}


.button3 { 
  border: none;
  color:black;
  padding: 16px 48px;
  border: 2px solid slategray;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-top: 50px;
}


.button7 { 
  border: none;
  color:black;
  padding: 16px 48px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-top: 50px;
}

.button7 {
  background-color: darkblue;
  color: black;
  border: 2px solid darkblue;
}


.button7:hover {
  background-color:lightskyblue;
  color:black;
}



.button1 {
    background-color:floralwhite;
    color: black;
    border: 2px solid darkblue;
}

.button1:hover {
    background-color:darkblue;
    color:floralwhite;
}

.button2 {
    background-color:floralwhite;
    color: black;
    border: 2px solid darkblue;
}

.button2:hover {
    background-color:lightskyblue;
    color:black;
}


table, th, td, caption { border-collapse: separate; border-spacing: 20px 20px; border:hidden; font-size: 25px; color:floralwhite; font-family:'roboto', sans-serif;}
table {caption-side: top;}
#coll { border-collapse: collapse; }
#sepa {border-collapse: separate; margin-top: 2em; }
caption {text-align:left;}



/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color:floralwhite;
    color:black;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
  
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }