/*=========================================================================*/
/* Colored Theme generated by https://www.w3schools.com/w3css/w3css_color_generator.asp */
.w3-theme-l5 {color:#000 ; background-color:#f9f9fa }
.w3-theme-l4 {color:#000 ; background-color:#eaeced }
.w3-theme-l3 {color:#000 ; background-color:#d6d8db }
.w3-theme-l2 {color:#000 ; background-color:#c1c5c9 }
.w3-theme-l1 {color:#000 ; background-color:#acb1b7 }
.w3-theme-d1 {color:#fff ; background-color:#868e96 }
.w3-theme-d2 {color:#fff ; background-color:#767e87 }
.w3-theme-d3 {color:#fff ; background-color:#676f76 }
.w3-theme-d4 {color:#fff ; background-color:#585f66 }
.w3-theme-d5 {color:#fff ; background-color:#4a4f55 }

.w3-theme-light {color:#000 ; background-color:#f9f9fa }
.w3-theme-dark {color:#fff ; background-color:#4a4f55 }
.w3-theme-action {color:#fff ; background-color:#4a4f55 }

.w3-theme {color:#fff ; background-color:#979ea5 }
.w3-text-theme {color:#979ea5 }
.w3-border-theme {border-color:#979ea5 }

.w3-hover-theme:hover {color:#fff ; background-color:#979ea5 }
.w3-hover-text-theme:hover {color:#979ea5 }
.w3-hover-border-theme:hover {border-color:#979ea5 }

.w3-red-hover:hover {color:#fff ; background-color:#979ea5 }
/*=========================================================================*/

body {
  background-color: whitesmoke;
}
a {
  text-decoration: none;
}
#title {
  font-size: 350%;
  font-weight: bold;
  letter-spacing: 8px;
}
#desc {
  font-size: 120%;
  font-style: italic;
  letter-spacing: 3px;
}
#stickybar {
  z-index: 2;
  position: sticky;
  top: 0px;
}
.logo {
    width: 280px;
    padding: 16px;
}
.equal-height {
  display: flex;
}

.equal-height > .w3-col {
  display: flex;           /* makes the column stretch */
}

.equal-height .w3-container {
  flex: 1;                 /* makes the inner box fill the height */
}
.tooltip {
  padding: 5px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  float: bottom;
  position: absolute;
  bottom: 130%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: fit-content;
}
.tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
}