.body{padding-left:5rem;padding-right:5rem;height:100svh;display:flex;place-items:center;gap:5rem;transition:all .5s ease;justify-content:center}.underline{text-decoration:underline}.form button{display:block;margin-top:.25rem}.form input{width:50%}.center{text-align:center;margin-left:auto;margin-right:auto}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake{animation:shake .5s;animation-iteration-count:infinite}@media screen and (max-width: 768px){.body{flex-direction:column;gap:1rem;padding:1rem}}.desc{text-align:center;font-weight:700;font-size:1.2rem}@media screen and (max-width: 768px){.dial-container{width:300px!important;height:150px!important;border-radius:150px 150px 0 0!important}.dial,.line{height:150px!important}}.dial-container{width:400px;height:200px;border-radius:200px 200px 0 0;background-color:#dfdfdf;border:1px solid black;position:relative;transition:background-color .5s ease}.line{width:2px;background-color:#ccc;height:195px;position:absolute;z-index:10;left:50%;transform-origin:bottom;z-index:5;bottom:3rem;transition:transform .5s ease,rotate .3s ease}.dial{width:4px;background-color:#000;height:190px;position:absolute;z-index:10;left:50%;transform-origin:bottom;bottom:0;transition:transform .5s ease,rotate .3s ease}.indicator{display:flex;justify-content:space-between}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
