*,
*::after,
*::before{
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html{
    box-sizing: border-box;
}

body{
    font-size: 62.5%;
    background-color: #2b2b2b;
}

.canvas{
    background-color: white;

    animation: glow 1s infinite linear;
}

@keyframes glow{
    0%{box-shadow: 0px 0px 300px rgba(255, 255, 255, .07)}
    1%{box-shadow: 0px 0px 284px rgba(255, 255, 255, .07)}
    20%{box-shadow: 0px 0px 284px rgba(255, 255, 255, .07)}
    21%{box-shadow: 0px 0px 302px rgba(255, 255, 255, .07)}
    50%{box-shadow: 0px 0px 286px rgba(255, 255, 255, .07)}
    51%{box-shadow: 0px 0px 300px rgba(255, 255, 255, .07)}
    58%{box-shadow: 0px 0px 286px rgba(255, 255, 255, .07)}
    60%{box-shadow: 0px 0px 300px rgba(255, 255, 255, .07)}
    62%{box-shadow: 0px 0px 286px rgba(255, 255, 255, .07)}
    82%{box-shadow: 0px 0px 302px rgba(255, 255, 255, .07)}
    84%{box-shadow: 0px 0px 286px rgba(255, 255, 255, .07)}
    88%{box-shadow: 0px 0px 300px rgba(255, 255, 255, .07)}
    90%{box-shadow: 0px 0px 286px rgba(255, 255, 255, .07)}
    91%{box-shadow: 0px 0px 300px rgba(255, 255, 255, .07)}
    93%{box-shadow: 0px 0px 286px rgba(255, 255, 255, .07)}
    100%{box-shadow: 0px 0px 283px rgba(255, 255, 255, .07)}
}

img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}