body{margin:0;padding:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body{align-items:center;display:flex;flex-direction:column;font-family:Comfortaa;height:100vh;padding-top:12px;width:100vw}.red{color:red}.nav{align-items:center;background-color:#e9f3ff;border-radius:10px;display:flex;height:55px;justify-content:space-between;width:calc(100vw - 24px)}.nav .logo{height:45px}.nav .navigation{width:60%}.nav ul{align-items:center;font-weight:700;justify-content:end;list-style:none;padding:0 24px;width:100%}.nav li{border-bottom:4px solid #00f0;border-top:4px solid #00f0}.large-menu{display:flex;gap:12px}.mini-menu{display:none;gap:20px}.mini-menu img{width:32px}.main{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;min-height:calc(100vh - 100px);padding:50px 24px;width:100%}.content{background-color:#fff;border-radius:14px;box-shadow:0 0 20px rgba(0,0,0,.458);padding:16px;width:750px}.info{background-color:#e9f3ff;border-radius:8px;display:flex;justify-content:space-around;width:100%}.info span{font-size:20px;font-weight:900;padding:16px;text-align:center}.s1,.s3{width:33%}.s2{width:20%}.value{font-size:20px;padding:24px 48px;width:100%;word-break:break-all}.show{align-items:center;background-color:#edf5ff;border-radius:8px;display:flex;justify-content:space-around;padding:8px;width:100%}.show span{font-size:20px;font-weight:700;text-align:center;width:50%}.show button{background-color:#327afe;border:none;border-radius:500px;color:#fff;padding:16px;text-align:center}.show button:focus{border:none;outline:none}.keyboard{display:none;flex-wrap:wrap;gap:10px;height:250px;justify-content:center;padding-top:20px;width:200px}.key{background-color:#e9f3ff;border-radius:5px;height:50px;line-height:50px;text-align:center;width:50px}.type-two .input-area{display:flex}@media (hover:hover){.nav li:hover{border-bottom:4px solid #327afe;cursor:pointer}.key:hover{box-shadow:0 0 2px rgba(0,0,0,.458);cursor:pointer}}@media (max-width:1000px){.keyboard{display:flex}}@media (max-width:500px){.mini-menu{display:flex}.large-menu{display:none}}.loading-container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-logo{height:100px;margin-bottom:20px;width:100px}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;height:36px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d8a42af8.css.map*/