body{
    background-color: #121212;
    font-family: Arial, sans-serif;
  color: darkslategray;
  margin: 0;
}

h1{
    font-family: "Persona 5 Menu Font Prototype"; 
}
button{
    color: inherit;
    font-family:Arial, Helvetica, sans-serif;
    background-color: aliceblue;
}

.card {
  position: relative;
  width: 300px;
  padding: 1.5rem;
  background: #150c31;
  border-radius: 10px;
}
.badge {
  font-family: "Persona 5 Menu Font Prototype";
  position: absolute;
  top: -10px;
  right: -10px;
  background: crimson;
  color: white;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 1.5rem;
}

.main-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: black;
  color: white;
  text-align: center;
  padding: 0.5rem;
}

.info-btn {
  position: relative;
  top: 5px;
}
.tooltip {
  position: relative;
  bottom: -15px;
  left: 20px;
  opacity: 0;
}

.card:hover .tooltip {
  opacity: 1;
}