html, body {
                margin: 0px;
                text-align: center;
                background-color: black;
                color: white;
                font-family: Arial, Helvetica, sans-serif;
            }

            #buttonContainer {
                font-size: 0px;
                text-align: left;
            }

            .button {
                box-sizing: border-box;
                display: inline-block;
                width: 33.33%;
                border-radius: 25px;
                border: 10px solid #000;
                text-align: center;
                font-size: 20px;
                user-select: none;
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                background-color: #222;
            }

            .button-icon {
                display: block;
                width: 100%;
                font-size: 50px;
                height: 70px;
                overflow: hidden;
            }

            .button-label {
                display: block;
                width: 100%;
                font-size: 16px;
                height: 30px;
                padding-top: 5px;
                box-sizing: border-box;
                overflow: hidden;
            }

            #buttonF {
                float: right;
            }

            #buttonS .button-icon {
                transform: rotate(45deg);
            }
        
header{padding:1.2rem 1rem .2rem}h1{margin:0;font-size:2rem}header p{color:#c6c6c6;margin:.4rem 0 1rem}canvas{max-width:100%}#buttonContainer{max-width:900px;margin:auto}.button{cursor:pointer}footer{padding:1.6rem;color:#aaa}a{color:#8fd3ff}

#canvas1d{width:min(900px,100%);height:auto;image-rendering:pixelated}