wsg slime html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width:100%;
    background-image: url('IMG_2045.jpeg');
    background-repeat: repeat-y; 
    background-position: center top; 
    background-size: auto;
    background-attachment: scroll; 
    background-color: pink; 

    color: #5bcffa;
    text-align: center;
    font-family: "Rockwell Extra Bold", Rockwell, "Arial Black", Arial, sans-serif;
    font-weight: 800;
}

h1 {
    font-size: 8em;
    
    text-shadow: -4px -4px 0 pink, 4px -4px 0 pink, -4px 5px 0 pink, 4px 4px 0 pink;
}

p {
    font-size: 5em;
    
    text-shadow: -4px -4px 0 pink, 4px -4px 0 pink, -4px 4px 0 pink, 4px 4px 0 pink;
}

/* wiggle animation */
@keyframes wiggle {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0px); }
}

/* container */
.wiggle {
    display: inline-block;
}

/* each letter */
.wiggle span {
    display: inline-block;
    animation: wiggle 1.2s ease-in-out infinite;
}

/* stagger each letter */
.wiggle span:nth-child(odd) {
    animation-delay: 0s;
}

.wiggle span:nth-child(even) {
    animation-delay: 0.6s;
}