@import "https://fonts.googleapis.com/css?family=Figtree&display=swap";body{background-color:#7fffd4;margin:0;padding:0}#root{background-color:#e4e2e0;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;font-family:Figtree,Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;display:flex}#main-container{height:100vh}#header-cal{text-align:center;margin:40px}#label-container{justify-content:center;align-items:center;gap:4px;height:8vh;display:flex}.label-content{border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:20vw;height:100%;display:flex}#value-content{color:#fff;background:linear-gradient(#0d0e0d,#444);border-radius:12px;width:80vw;height:55vh;padding:40px;font-size:1.2rem;overflow:auto}.label-content-button{border:0;border-radius:12px 12px 0 0;width:100%;height:100%}.active{background-color:#e6e3c4}.non-active{background-color:#c9c7b6}h1{color:#49b86e;margin-bottom:0;font-weight:900}h2{color:#555;font-size:1.1rem}input{background-color:#e4e2e0;border:1px solid gray;border-radius:8px;width:400px;height:40px;margin-top:5px;margin-bottom:20px;padding-left:15px;font-size:1.2rem}#with-percentage{width:375px;padding-right:25px}span{color:#555;pointer-events:none;position:absolute;top:412px;right:550px;transform:translateY(-50%)}button{font-size:1.2rem}#calculate-button{width:200px;height:35px}