@import "https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap";:root{--primary-color:#7c299b;--background-color:black;--font-color:blueviolet;--font-color-button:white;--link-color:aqua;--low-color:lightgrey;--medium-color:DodgerBlue;--high-color:tomato;padding:.5rem}html{box-sizing:border-box;font-size:62.5%}body{color:var(--font-color);background-color:var(--background-color);white-space:normal;padding:9px;font-family:"Press Start 2P",sans-serif;font-size:1.5rem;line-height:2.5rem}input,button,select{color:var(--font-color);font-family:"Press Start 2P",sans-serif}header{border-bottom:5px solid #eee;flex-direction:column;align-items:center;min-height:auto;padding-bottom:20px;display:flex}header>*{padding:1px 0}h1{margin-bottom:1px}h1,h2{text-shadow:2px 2px #5d1955}.form-group-new-user{flex-direction:row;gap:20px;padding:8px;display:flex}.form-group-new-quest{flex-direction:row;gap:9px;padding:2px;display:flex}select{appearance:base-select}select::picker(select){appearence:base-select;-ms-border-radius:.2rem;-o-border-radius:.2rem;border-radius:.2rem}select::picker-icon{color:var(--primary-color);align-content:center;margin-right:.5rem;font-size:1.5rem;transition:all .15s}select:open::picker-icon{rotate:-180deg}select option{padding:.5rem}select option:checked{color:#000;-ms-border-radius:50%;-o-border-radius:50%;background-color:#f0f0f0;border-radius:50%;padding:.5rem;font-size:1.5rem}option[value=Low]{background-color:var(--low-color)}option[value=Medium]{background-color:var(--medium-color)}option[value=High]{background-color:var(--high-color)}main{min-height:55vh}main>*{padding:10px}.quest-list{width:100%}.quest-list,th,td{border-collapse:collapse;text-align:center;border:3px dashed #ffffff95;padding:5px}.funcSection{text-align:right}.testDiv{text-align:right!important}footer{flex-direction:column;gap:10px;height:10vh;display:flex}.mobile-break{display:none}a{color:var(--link-color);text-decoration-thickness:2px}button{background-color:var(--primary-color);color:var(--font-color-button);cursor:crosshair;text-align:center;border:none;border-radius:5px;height:30px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background-color .3s,box-shadow .3s;display:inline-block;position:relative;overflow:hidden}button:hover{background-color:#d577e0}button:before{content:"";background:#fffc;width:200%;height:20px;transition:all .5s;position:absolute;top:50%;left:-200%;transform:rotate(45deg)}button:hover:before{transition:all .5s;left:100%}button:hover{background-color:#b5a9a9;transform:scale(1.05);box-shadow:0 0 10px 2px #fffc}@media (width<=768px){html{font-size:30.5%}body{padding:0;font-size:8px}header{height:auto;padding-bottom:20px}.form-group-new-user,.form-group-new-quest{flex-direction:column;align-items:center;gap:5px;width:100%}label{padding:6px;font-size:10px}main{min-height:auto}main>*{padding:10px 0}.funcSection{text-align:center;flex-direction:column;gap:5px;display:flex}.testDiv{text-align:center!important}button{font-size:8px}footer{text-align:center;text-wrap:pretty}.mobile-break{display:block}}