body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #99ccff;
}

h1, h2, h3 {
    font-family: "Comic Sans MS", cursive;
}

h1 {
  margin-top: 3rem;
  margin-bottom: 50px;
  text-align: center;
  font-size: 3rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  color: #fff;
  text-shadow: -4px 4px #ef3550,
               -8px 8px #f48fb1,
               -12px 12px #7e57c2,
               -16px 16px #2196f3,
               -20px 20px #26c6da,
               -24px 24px #43a047,
               -28px 28px #eeff41,
               -32px 32px #f9a825,
               -36px 36px #ff5722;
}

/*
h1 {
    margin-top: 3rem;
    margin-bottom: 10px;
    font-size: 3rem;
    background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

p {
    font-family: Verdana, Geneva, sans-serif;
}

table {
    border-collapse: collapse;
}

td {
    padding: 10px;
}

.wavy { 
    position: relative; 
} 

.wavy span { 
    position: relative; 
    display: inline-block; 
    color: #000; 
    font-size: 2em; 
    text-transform: uppercase; 
    animation: animate 2s ease-in-out infinite; 
    animation-delay: calc(0.1s * var(--i)); 
} 

@keyframes animate { 
    0% { 
        transform: translateY(0px); 
    } 

    20% { 
        transform: translateY(-20px); 
    } 

    40%, 
    100% { 
        transform: translateY(0px); 
    } 
} 

.center {
    margin-top: 6rem;
    margin-left: 5rem;
}