body {

                margin: 0;

                /*height: 100svh;
                height: 100vh;*/

                display: flex;

                justify-content: center;

                align-items: center;

                /*background-color: black;*/

                color: white;

                font-family: sans-serif, Tahoma;

                overflow: hidden;

            }

            

            .container {

                display: flex;

                flex-direction: column;

                align-items: center;

                width: 100%;

            }

            

            canvas {
                /*width: 99.5svw;
                width: 99.5vw;*/
                width: 99.5%;
                display: block;
                overflow: hidden;
                box-shadow: inset 0 2px 5px rgba(255,255,255,0.05), 0 50px 100px rgba(0,0,0,0.9);
            }

            

            .footer-text {

                margin-top: 20px;

                font-size: 14px;

                letter-spacing: 2px;

                text-align: center;

                opacity: 0.6;

            }

            

            .button-group {

                    display: flex;

                    gap: 20px;

                    justify-content: center;

                    margin-top: 3px;

                }

                .button-play-pause {

                    width: 48px;

                    height: 48px;

                    border-radius: 50%;

                    background: rgba(0, 255, 255, 0.05) !important;

                    border: 2px solid rgba(0, 255, 255, 0.3) !important;

                    display: flex;

                    align-items: center;

                    justify-content: center;

                    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

                    cursor: pointer;

                }

                

                .button-play-pause img {

                    height: 14px;

                    width: 14px;

                    filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.8));

                }

                

                .button-play-pause:hover:not(:disabled) {

                    transform: scale(1.1);

                    border-color: #00ffff !important;

                    box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);

                }

                

                .button-play-pause:disabled {

                    cursor: not-allowed;

                }