body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{align-items:center;background-color:#cfe8f1;display:flex;height:100vh;justify-content:center;margin:0}.cal{background:linear-gradient(145deg,#333654,#48437c);border-radius:15px;box-shadow:0 15px 30px #0003;color:#edf2f4;margin:0 auto;max-width:100%;min-width:300px;padding:30px;transition:transform .3s ease,box-shadow .3s ease;width:80vw}.cal:hover{box-shadow:0 20px 40px #0000004d}input[type=text]{background-color:#edf2f4;border:none;border-radius:10px;box-shadow:inset 0 4px 6px #0000001a;color:#2b2d42;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;outline:none;padding:15px;text-align:right;width:100%}.btn{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:20px}button{background:radial-gradient(circle,#ffffff1a,#fff0);border:2px solid #0000;border-radius:25px;box-shadow:0 6px 15px #0003;color:#edf2f4;cursor:pointer;font-size:1.5rem;padding:20px;transition:background-color .3s ease,box-shadow .3s ease,transform .2s}button:hover{background-color:#f03b50;box-shadow:0 8px 20px #ef233c66;transform:scale(1.05)}button:active{box-shadow:inset 0 4px 8px #0003;transform:scale(.95)}button:nth-child(19){background-color:#d90429;color:#fff;font-size:1.8rem;grid-column:span 2}button:nth-child(19):hover{background-color:#ef233c;box-shadow:0 8px 20px #ef233c80}button:focus{border:2px solid #ef233c;outline:none}.special{background-color:#8d99ae}.special:hover{background-color:#6d7892;box-shadow:0 8px 20px #6d789280}@media (min-width:1367px){.cal{padding:30px;width:30vw}button{font-size:1.6rem;padding:18px}input[type=text]{font-size:2.2rem;padding:12px}.btn{gap:20px}}@media (min-width:1024px) and (max-width:1366px){.cal{padding:30px;width:35vw}button{font-size:1.5rem;padding:15px}input[type=text]{font-size:2rem;padding:10px}.btn{gap:15px}}@media (max-width:768px){.cal{padding:20px;width:80vw}button{font-size:1.4rem;padding:18px}input[type=text]{font-size:1.8rem;padding:10px}}@media (max-width:480px){.cal{padding:15px;width:95vw}.btn{gap:8px}button{font-size:1rem;padding:14px}input[type=text]{font-size:1.5rem;padding:8px}}
/*# sourceMappingURL=main.fb20ba4f.css.map*/