.canvas-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-wrapper canvas{background-color:#24244e;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.canvas-wrapper .canvas-btns{position:absolute;z-index:2;left:50%;transform:translate(-50%);bottom:15%;font-family:Helvetica,sans-serif;font-size:1.6rem}.canvas-wrapper .canvas-btns .rotate-left,.canvas-wrapper .canvas-btns .rotate-right{border-radius:20px;padding:1rem 2rem;outline:none;border:none;background-color:#bbb;border:2px solid #050404;cursor:pointer;transition:all .3s ease-in-out}.canvas-wrapper .canvas-btns .rotate-left:hover,.canvas-wrapper .canvas-btns .rotate-left:focus,.canvas-wrapper .canvas-btns .rotate-right:hover,.canvas-wrapper .canvas-btns .rotate-right:focus{transform:scale(1.025);background-color:#e5e5e5}.canvas-wrapper .canvas-btns .rotate-left:active,.canvas-wrapper .canvas-btns .rotate-right:active{transform:scale(.95)}.canvas-wrapper .canvas-btns .rotate-left{margin-right:2rem}*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;font-size:1.6rem;overscroll-behavior:none}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
