.button{position:relative;border:0;width:10vh;height:10vh;min-width:5rem;min-height:5rem;border-radius:50%;left:0;top:0;transition:box-shadow .2s linear,left .2s linear,top .2s linear;box-shadow:0 5px 5px #000;cursor:pointer;color:#000;font-family:Overpass,sans-serif;font-weight:300;font-size:1rem}.button:hover{box-shadow:0 10px 5px #000;top:-5px}.button--clicked,.button--clicked:hover{box-shadow:none;top:5px}#app{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;color:#fff}.button-container{border-radius:10px;box-shadow:inset 0 0 5px #000;background-color:#00436d;overflow:auto;display:grid;width:95vw;max-width:1000px;grid-template-columns:repeat(auto-fit,13vh);gap:1rem;justify-content:center;align-items:center;padding:1rem 0}.title{position:sticky;text-align:center;font-size:2rem;text-shadow:0 0 2px black;margin:2vh 0}.ui-button{box-shadow:0 0 5px #003353;background-color:#0073b9;border:none;border-radius:5px;font-size:1.3rem;font-family:Overpass,sans-serif;font-weight:300;padding:10px 5px;color:#fff;cursor:pointer;transition:.2s linear background-color}.ui-button:hover{background-color:#0063a0}.custom-button-input{border:none;border-radius:5px;font-size:1.3rem;font-family:Overpass,sans-serif;font-weight:300;padding:10px 5px;margin:0 .5rem}.stored-button-container{width:95vw;max-width:1000px;margin:.5rem 0;display:grid;grid-template-columns:repeat(auto-fit,20rem);align-items:center;justify-content:center;gap:1rem}.scrollable{border-radius:10px;box-shadow:inset 0 0 5px #000;background-color:#00436d;overflow:auto;padding:1rem 0}body{margin:0;background-color:#005386;font-family:Overpass,sans-serif}