*{margin:0%;padding:0%;-webkit-user-select:none;user-select:none}body{box-sizing:border-box;width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center}.main{margin-top:12vh;flex-direction:column}.main h3{color:#000000c2;font-size:30px;font-weight:700;margin-left:12vh}.main input{width:65vh;height:5vh;color:#00000065;margin-top:5vh;margin-left:-10vh;padding-left:2vh;border:1px solid rgba(0,0,0,.137);border-radius:3px;font-size:14px}.main button{padding:1.3vh 3vh;background-color:#ffa600c0;border:1px solid rgba(0,0,0,0);border-radius:2px;margin-left:-.3vh;cursor:pointer}table{margin-top:7vh;border-collapse:collapse;width:80vh;height:35vh;margin-left:-9.7vh}table,td,th{border:1.6px solid rgba(0,0,0,.068)}td{color:#000000bf;padding:2vh;cursor:pointer;text-align:center}th{padding:2vh}@media (max-width: 760px){.main h3{margin-left:22vh}.main input{width:45vh;height:5vh;color:#00000065;margin-left:8vh;padding-left:0vh}}@media (max-width: 450px){.main h3{margin-left:25vh;margin-top:-3vh;margin-bottom:3vh}.main input{width:33vh;height:5vh;color:#00000065;margin-left:13vh;padding-left:0vh}table{width:70vh;height:35vh;margin-left:-2.7vh}}@media (max-width: 370px){.main h3{margin-left:18vh;margin-top:-3vh;margin-bottom:3vh}.main input{width:33vh;height:5vh;color:#00000065;margin-left:7vh;padding-left:0vh}table{width:55vh;height:35vh;margin-left:2vh}}