.wavy {
    font-family: 'Helvetica', monospace;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, .1);
    background: linear-gradient(to right, rgb(76, 217, 105), rgb(52, 170, 220), rgb(88, 86, 217), rgb(255, 45, 83), rgb(255, 45, 83), rgb(88, 86, 217), rgb(52, 170, 220), rgb(76, 217, 105));
    background-size: 400%;
    -webkit-background-clip: text;
    font-weight: 700;
    text-align: left;
    animation: sTransition 60s linear infinite;
}

@keyframes sTransition {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 400%;
    }
}

. {
    z-index: 0;
}

#canvas {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
    z-index: -1;
}

.max-w-300 {
    max-width: 300px;
}

.max-h-200 {
    max-height: 200px;
}

.popover {
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

img {
    border-radius: 4px;
}
