/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.floating-button{z-index:50;text-align:center;color:#4357a5;cursor:pointer;background-color:#3086d63a;border:3px solid #3085d6;border-radius:25px;width:50px;height:50px;line-height:50px;transition:all .3s;position:absolute}.floating-button:hover{background-color:#ffffff9f}.floating-button-icon{vertical-align:middle;margin-bottom:2px;display:inline-block}.loginBackground{background-position:0;background-repeat:no-repeat;background-size:contain;height:100vh}.loginBackground .error-page-title{color:#4357a5;width:500px;margin:0;font-size:5rem;position:absolute;top:50%;right:20%;transform:translateY(-50%)}.loading-spinner{z-index:100;background:#dcfffe;width:100%;height:100%;position:absolute}.loading-spinner h2{text-align:center;color:#4357a5;position:absolute}.loading-spinner svg{color:#3085d6;animation:2s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:32px;position:absolute;top:30px;left:30px}.viewport canvas{background-color:#0000;width:0;height:0;display:block;position:absolute;top:0;left:0}.viewport canvas.background{width:100%;height:100%}.viewport .hidden{display:hidden}.HUD{z-index:50;color:#fff;background-color:#4357a580;border-radius:25px;padding:10px;font-size:16px;position:absolute;top:10px}.HUD p{color:#000;vertical-align:baseline;padding:0 15px;display:inline-block}.HUD h2{text-align:center}.HUD h2 .slim{margin:0}.HUD button{color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#000;border:2px solid #00000040;border-radius:50%;min-width:75px;min-height:75px;margin:4px 5px;padding:10px 12px;font-size:30px;text-decoration:none;display:inline-block;position:static}.HUD button:disabled{cursor:default;background-color:gray;border:2px solid #a9a9a9}.HUD button.selected{filter:drop-shadow(0 0 10px #fff);border:1px solid #fff}.HUD button.back{background-color:#17a2b8}.HUD button.delete{background-color:#dc3545}.HUD button.save{background-color:#28a745}.HUD button.gold{background-color:#cfb150}.HUD button.silver{background-color:silver}.HUD button.bronze{background-color:#cf7340}.HUD svg{vertical-align:middle}.HUD .preview,.HUD .medal{width:200px;height:200px}.HUD .medal.bronze{animation:5s linear infinite bronze}.HUD .medal.silver{animation:5s linear infinite silver}.HUD .medal.gold{animation:5s linear infinite gold}@keyframes bronze{0%{filter:brightness()}50%{filter:brightness(1.25)}to{filter:brightness()}}@keyframes silver{0%{filter:brightness()}50%{filter:brightness(1.5)}to{filter:brightness()}}@keyframes gold{0%{filter:brightness()}50%{filter:brightness(1.75)}to{filter:brightness()}}.blocker{z-index:49;opacity:0;background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.blocker button{text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.25rem;width:80px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:all .5s;display:inline-block}.blocker button:hover{filter:brightness(2);cursor:pointer}.blocker svg{vertical-align:text-top}.blocker .confirm{color:#fff;float:left;background-color:#28a745;border-color:#28a745}.blocker .cancel{color:#fff;float:right;background-color:#dc3545;border-color:#dc3545}.wood{opacity:1;background-blend-mode:multiply;background-color:#d08632;background-image:radial-gradient(circle,#37230d,#d08632),repeating-radial-gradient(circle,#37230d,#37230d,4px,#0000 8px 4px);border:2px solid #37230d}.width-img{width:50px;vertical-align:inherit}.card{word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #00000020;border-radius:.25rem;flex-direction:column;flex:0 0 20%;min-width:0;margin:20px;display:flex;position:relative}.card-body{color:#000;flex:auto;padding:1rem;text-decoration:none}.card-title{text-align:center;margin-top:0;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.2}.difficulty{text-align:center;text-transform:uppercase;justify-content:space-between;width:100%;padding:4px 0;font-size:20px;font-weight:700;display:flex;position:absolute;top:0;left:0}.difficulty .text{text-align:left;margin-left:10px}.difficulty .stars{margin-top:-1px;margin-right:10px}.difficulty.easy{background-color:#b1e04173}.difficulty.medium{background-color:#ffba66b3}.difficulty.hard{background-color:#c5373773}.icon-margin{vertical-align:middle;color:#4357a5;line-height:20px}.card-deck{flex-flow:wrap;justify-content:center;padding:0 1rem;display:flex;overflow-y:scroll}.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);width:100%}.selectBackground{justify-content:center;align-items:center;height:100vh;display:flex}body{background-color:#dcfffe}.imgContainer{word-wrap:break-word;background-color:#ffffffbf;background-clip:border-box;border:1px solid #00000020;border-radius:20px;flex-direction:column;width:90%;min-width:0;height:90%;display:flex;position:absolute}.loginformheader{padding:0 4rem}.loginformbody{grid-gap:10px;padding:0 4rem;display:grid}.loginformfooter{flex:auto;padding:0 4rem}.buttons{background-color:#eee;border-radius:10px;margin-top:20px;display:flex;overflow:hidden}.button{box-sizing:border-box;cursor:pointer;letter-spacing:.02857em;text-transform:uppercase;text-align:center;background-size:200% 200%;flex-grow:1;padding:14px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;transition:background-position 1s;display:inline-block}.button.active{color:#fff;background:#3085d6}.loginsubmit{color:#fff;width:100%;position:initial;transform:ease-in;background:#3085d6;border:2px solid;border-radius:10px;margin:70% 0 0;padding:10px 20px;font-size:20px;transition:all .2s}.loginsubmit:hover{cursor:pointer;transform:scale(1.05)}.floating-button-margin{margin-left:10px}body{background:#dcfffe;width:100vw}.loginBackground{background-position:0;background-repeat:no-repeat;background-size:contain;height:100vh}.loginform{word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #00000020;border-radius:20px;flex-direction:column;width:500px;min-width:0;height:500px;display:flex;position:absolute;top:50%;right:12%;transform:translateY(-50%)}.loginformheader{max-height:20%}.loginformbody{height:100%;padding:0 4rem;position:relative}.title{color:#4357a5;text-align:center;margin-bottom:0;font-size:4em}.image1{z-index:1;width:200px;height:200px;position:absolute;top:90px;bottom:-40px;left:25px}.image2{z-index:2;width:100px;height:100px;position:absolute;top:195px;bottom:-45px;left:70px}.leg{transform:rotate(45deg);-o-transform:rotate (45deg);animation:.4s linear infinite leg}@keyframes leg{0%{transform:rotate(0)}50%{transform:rotate(20deg)}to{transform:rotate(0)}}html{background-color:#dcfffe}.settings{text-align:center;color:#4357a5;height:100%;padding:10px}.settings h2{margin:10px}.settings .flex{flex-wrap:wrap;justify-content:center;display:flex}.settings .flex .item{border:4px solid #0000;border-radius:5px;width:350px;margin:10px;padding:10px;transition:all .5s}.settings .flex .item.active{color:#3085d6;background:#ffffff9f;border:4px solid #3085d6}.settings .flex .item:hover{cursor:pointer;border:4px solid #4357a5}.settings .flex .item img{width:70%}.settings .animation{width:100%;margin-bottom:7vh}.settings .animation .slider{appearance:none;background:#ffffff9f;border:4px solid #4357a5;border-radius:5px;width:350px;height:25px;transition:all .5s}.settings .animation .slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3085d6;border:4px solid #3085d6;border-radius:5px;width:30px;height:30px}.settings .animation .slider::-moz-range-thumb{appearance:none;cursor:pointer;background:#3085d6;border:4px solid #3085d6;border-radius:5px;width:30px;height:30px}.settings .animation p{vertical-align:super;margin-left:10px;margin-right:10px;display:inline-block;transform:translateY(-5px)}.switch-container{color:#4357a5;justify-content:center;margin-bottom:7vh;display:flex}.switch-container svg{margin:4px 20px}.switch-container .switch{width:90px;height:40px;display:inline-block;position:relative}.switch-container .switch input{opacity:0;width:0;height:0}.switch-container .switch input:checked+.slider:before{transform:translate(50px)}.switch-container .switch input:checked+.slider{background-color:#4357a5}.switch-container .switch .slider{cursor:pointer;background-color:#3085d6;border-radius:34px;position:absolute;inset:0}.switch-container .switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:30px;height:30px;transition:all .4s;position:absolute;bottom:5px;left:5px}