#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}html,body{margin:0;padding:0;width:100vw;height:100vh}p{color:#fff;font-family:Inter}label{color:#fff;left:0;font-family:Inter;font-weight:700;padding:2px 10px}a{color:#fff;position:relative;left:0;bottom:0;font-family:Inter;margin:8px 10px}input{z-index:2 color: #1f1e33;font-family:Inter;padding:5px 10px;margin:8px 0;box-sizing:border-box}canvas{position:fixed;left:0;top:0;z-index:0}div{z-index:2;position:relative;display:inline-block}div .tooltiptext{visibility:hidden;width:120px;color:#fff;text-align:center;padding:5px 0;border-radius:6px;font-family:Inter;position:absolute;z-index:2;font-style:oblique}div:hover .tooltiptext{visibility:visible;font-family:Inter}span{pointer-events:none}