@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";:root{--header-line-height: 40px;--header-height: var(--header-line-height);--header-padding: .5em;--title-color: #afafbf;--error-color: #ffa0a0;--selection-color: #bd8030;--selection-color-tr: rgba(189, 128, 48, 1);--selection-bg-color: rgba(255, 255, 255, .07);--box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1);--canvas-wh-ratio:.375;--view-width: 570px;--view-height: 400px;--canvas-width: 500px;--canvas-height: calc(var(--canvas-width) * var(--canvas-wh-ratio));--view-width-sm: 420px;--view-height-sm: 360px;--canvas-width-sm: 340px;--canvas-height-sm: calc(var(--canvas-width-sm) * var(--canvas-wh-ratio));--icon-width-sm: 16px}body{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;margin:0;padding:2em}main{text-align:center;margin-top:var(--header-height)}@media (max-width: 650px){:root{--view-width: 450px;--view-height: 370px;--canvas-width: 380px}}@media (max-width: 500px){:root{--view-width: 320px;--view-height: 350px;--canvas-width: 250px;--view-width-sm: 320px;--view-height-sm: 350px;--canvas-width-sm: 250px}#welcome>footer{display:flex;flex-direction:column;align-content:center;gap:.5em}#main-footer{display:flex;flex-direction:column;align-content:center}}@media (max-width: 400px){:root{--view-width: 300px;--view-height: 350px;--canvas-width: 220px;--view-width-sm: 300px;--view-height-sm: 350px;--canvas-width-sm: 220px}}