*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#fafafa;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;min-height:100vh;text-rendering:optimizeLegibility}.center{max-width:800px;margin:0 auto;padding:1.5rem 1rem 1rem}.title{font-size:2.5rem}.subtitle{font-size:1.5rem;color:#0a0a0a}.icon{min-width:25px;min-height:25px;fill:currentColor}.blur{background:linear-gradient(90deg,#4169e1 35%,#8de4fa);width:100%;height:40px;position:fixed;z-index:-1;left:0;bottom:0;filter:blur(10rem);animation:blur-animate 1s infinite alternate-reverse ease}@keyframes blur-animate{0%{filter:blur(9.5rem)}to{filter:blur(10rem)}}.units{padding-top:2rem}.units_box{background-color:#ced6e4;padding:1rem;border-radius:.5rem;width:100%;display:flex;flex-direction:column;gap:2rem}.measure_select,.converter_select{color:#000;padding:.5rem 3rem .5rem .5rem;font-size:1rem;background-color:#fafafa;border-color:#ced6e4;border-radius:.25rem;width:100%;height:100%}@media only screen and (max-width: 400px){.measure_select,.converter_select{padding-right:.5rem}}.converter{display:flex;align-items:center;gap:1rem}.converter_box{display:flex;flex-direction:column;gap:.25rem}.converter_input{padding:.5rem;border-radius:.25rem;font-size:1rem;background-color:#fafafa;border:none;width:100%;height:100%}