:root {
    --fumingblack: #030101;
    --fumingred: #8f0707;
    --fuminggrey: #3b3b3b;
    --fuminglgrey: #a7a7a5;
    --fumingwhite: #efefe7;
    background-color: var(--fumingblack);
    color: var(--fumingwhite);
}
html, body{
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-family: 'Comic Sans MS', 'Comic Sans', sans-serif;
    text-transform: uppercase;
}
nav {
    background-color: var(--fumingblack);
    border-bottom: 2px solid var(--fumingred)
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  justify-content: space-around; 
  align-items: center;
}
ul li {
  float: left;
  font-size: 18px;
}

ul li a {
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  color: var(--fumingwhite);
}

ul li a:hover {
  background-color: var(--fumingred);
  color: var(--fumingwhite);
}
a {
    text-decoration: none;
    color: var(--fumingwhite);
}
a:hover {
    color: var(--fumingwhite);
    background-color: var(--fumingred);
}
h1 {
    background-color: var(--fumingred);
    color: var(--fumingwhite)
}
em {
    font-size: 18px;
}
marquee {
    padding: 0px;
    margin: 0px;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  font-size: 8px;
  width: 200px;
  background-color: var(--fuminggrey);
  color: var(--fumingwhite);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 0.3s;
}

.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;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.bounce-text {
  line-height: 0;
  font-size: 18px;
  font-weight: bold;
}
.bounce-text span {
  display: inline-block;
  animation: bounce 0.6s infinite ease-in-out;
}
.bounce-text span:nth-child(1) {
  animation-delay: 0s;
}
.bounce-text span:nth-child(2) {
  animation-delay: 0.1s;
}
.bounce-text span:nth-child(3) {
  animation-delay: 0.2s;
}
.bounce-text span:nth-child(4) {
  animation-delay: 0.3s;
}
.bounce-text span:nth-child(5) {
  animation-delay: 0.4s;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
a {
    color: var(--fumingblack)
}