@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;color:#646464;font-family:Quicksand;font-weight:700;margin:0;padding:0}h1{margin:80px 0 0 430px}.dataInput{background-color:#cfcfcf;margin:0 auto;max-width:503px;padding:50px}input{border:0;height:20px;outline:none;text-align:center;width:100px}label{display:inline-block;width:90px}form :nth-last-child(2){margin-left:90px}form span{margin-left:30px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resultUI{display:flex;margin:10px 431px}.resultUI>div{background-color:#cfcfcf;line-height:50px;margin-left:2px;text-align:center;width:100px}.resultUI :last-child{color:#fff;flex-grow:10;text-align:center}.infoUI{display:flex;margin:10px 431px}.infoUI>div{color:#fff;line-height:30px;margin-left:2px;text-align:center;width:124px}.under-weight{background-color:#feb132}.normal-weight{background-color:#30a232}.over-weight{background-color:#e96024}.obese{background-color:#c0101b}@media only screen and (max-width:800px){h1{margin:0;text-align:center}.dataInput{margin:0;padding:5px auto;width:100%}label{width:60px}input{width:70px}form span{margin-left:10px}.lastInput{margin-left:60px!important}form{margin-left:5px}.resultUI{margin-left:0;width:100%}.infoUI{display:inline-flex;flex-wrap:wrap;margin:2px;padding:20px}body{height:100%;margin:0;overflow:hidden}}