* {
    margin: 0 0;
    padding: 0 0;
    box-sizing: border-box;
}

html {
    overflow: hidden;
}

body {
    background-color: blue;
}

canvas {
    display: block;
}
.grid-container {
    font-size: 10rem; 
    font-weight: 700; 
    margin-left: 1rem;
    color: white; /* Front text color */
    text-shadow: 5px 5px 1px rgb(26,25,25);   
}

.underline {
    margin-left: 1rem;
    width: 300px;
    height: 21px;

    background:
        repeating-linear-gradient(
            to right,
            white 0 20px,
            yellow 20px 40px,
            cyan 40px 60px,
            lime 60px 80px,
            magenta 80px 100px,
            red 100px 120px,
            rgb(76,0,255) 120px 140px,
            black 140px 142px
        ) top / 100% 15px no-repeat,

        repeating-linear-gradient(
            to right,
            rgb(55, 7, 169) 0px 13px,
            black 13px 33px,
            rgb(248, 3, 223) 33px 53px,
            rgb(250, 250, 2) 53px 73px,
            rgb(0, 247, 255) 73px 93px,
            black 93px 113px,
            white 113px 133px
        ) bottom / 100% 7px no-repeat;

    box-shadow: 5px 5px 0 rgb(26,25,25);
}