body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    background: black;
    overflow-x: hidden;
    cursor: url(https://nathanprinsley-files.prinsh.com/data-1/images/NathanPrinsley-cursys.png), default;
}

table {
    position: absolute;
    z-index: 99999999;
}

img {
    border: 4px double green;
    box-shadow: 0px 9px 15px white;
    border-radius: 10px;
    opacity: 50%;
    border-radius: 4%;
}

.a {
    text-shadow: 0px 1px 10px lime;
}

h2 {
    opacity: 80%;
    font-family: 'Kosugi', sans-serif;
    color: red;
    font-size: 19px;
}

font {
    opacity: 50%;
    font-family:'Kelly Slab', cursive;
}

.lagu {
    background: transparent;
    border: none;
    text-shadow: 0px 30px 30px black, 0px 0px 90px black, 0px 0px 30px black, 0px 0px 90px black, 0px 0px 30px black;
    font-family: Share\ Tech\ Mono;
    font-size: 20px;font-weight:normal;padding:2px 25px;
    text-decoration: none;
    text-shadow: 0 0 0px #15cff4;
    cursor: pointer;
}

.punct {
    background-color: blue;
    position: absolute;
    width: 2px;
    height: 6px;
}

div.clickEffect {
    position: fixed;
    box-sizing: border-box;
    border-style: solid;
    border-color: #ff0000;
    border-radius: 50%;
    animation: clickEffect 0.9s ease-out;
    z-index: 99999;
}

@keyframes clickEffect {
    0% {
        opacity: 1;
        width: 0.5em;
        height: 0.5em;
        margin: -0.25em;
        border-width: 0.5rem;
    }
    100% {
        opacity: 0.2;
        width: 15em;
        height: 15em;
        margin: -7.5em;
        border-width: 0.03rem;
    }
}

canvas {
    position: absolute;
}