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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:flex-start;background-color:#f0f0f0;height:80vh;margin:0;overflow-y:auto;padding-top:10vh}.navbar,body{display:flex;justify-content:center}.navbar{background-color:red;left:0;padding:10px 0;position:absolute;top:0;width:100%;z-index:1000}.logo img{height:50px}.form-container{align-items:stretch;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;margin-top:20px;max-width:400px;padding:20px;width:90%}label{margin-bottom:10px;padding:0}input[type=number]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-weight:700;margin-bottom:0;margin-top:5px;padding:8px;transition:border-color .3s;width:100%}input[type=number]:focus{border-color:red;outline:none}.result-container{margin-top:20px}button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}button:hover{background-color:#c00}@media (max-width:1024px){.form-container{max-width:350px}button,input[type=number]{padding:10px}h1{font-size:24px}}@media (max-width:768px){body{padding-top:5vh}.form-container{margin-top:10px;max-width:300px}button{font-size:14px;padding:8px}h1{font-size:20px}}@media (max-width:480px){.form-container{max-width:90%;padding:15px}button,input[type=number]{padding:8px}h1{font-size:18px}}
/*# sourceMappingURL=main.60c48c56.css.map*/