@font-face{font-display:swap;font-family:"Roboto Regular";src:local("Roboto"),local("Roboto Regular"),local("Roboto-Regular"),url("../font/roboto/roboto-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Roboto Bold";src:local("Roboto"),local("Roboto Bold"),local("Roboto-Bold"),url("../font/roboto/roboto-bold.ttf") format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html body{background-color:#ededed;color:#333;font-family:"Roboto Regular",sans-serif;font-size:1rem;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:0;line-height:1.25;min-height:100svh;position:relative}html body p{line-height:1.5;text-align:justify}html body button{border:0}html body button:hover{cursor:pointer}.font-bold{font-weight:bold !important}.app{background-color:white;border-radius:1em;display:flex;flex-direction:column;left:50%;padding:1em;position:absolute;row-gap:1.7em;top:50%;transform:translate(-50%,-50%);width:clamp(320px,90%,480px)}.app__title{text-align:center}.app__wrapper{display:flex;flex-direction:column;row-gap:.5em}.app__label{font-weight:600}.app__input{border:1px solid rgba(0,0,0,0.3);border-radius:.6em;font-size:1rem;padding:.7em}.app__calculate-btn{background-color:#66f;border-radius:.6em;color:#fefefe;padding:1.2em;transition:background-color .3s ease-out}.app__calculate-btn:hover{background-color:#44f}