*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:sans-serif}body{background:#3a3042}.page_header{font-size:25px;text-align:center;margin-top:100px;font-weight:200;color:#fff;padding:0 7px;position:relative;z-index:1}.container{background:#7a5996;position:fixed;top:50%;left:50%;padding:40px;transform:translate(-50%, -50%);border-radius:10px;color:#fff;z-index:100}.container .group{text-align:center}.container .group .kg{margin-bottom:20px}.container .group .kg input{margin-top:7px;border:none;padding:5px;outline:none;color:#5d4668;font-size:15px;font-weight:600;border-radius:5px;font-family:cursive}.container .group .height{margin-bottom:20px}.container .group .height input{margin-top:7px;border:none;padding:5px;outline:none;color:#5d4668;font-size:15px;font-weight:600;border-radius:5px;font-family:cursive}.container .btn{text-align:center}.container .btn #calculate-btn{background:#43c492;border:none;padding:9px 25px;cursor:pointer;color:#fff;font-weight:500;font-size:15px}.container .btn #calculate-btn:hover{background:#77cfad}.container .btn #reset-btn{background:#f44;border:none;padding:9px 25px;cursor:pointer;color:#fff;font-weight:500;font-size:15px}.container .btn #reset-btn:hover{background:#fa6a6a}.container .result_container{margin-top:30px;text-align:center;margin-bottom:20px}.container .result_container #result{height:40px;color:#555;font-weight:550;font-family:cursive;border-radius:50px;font-size:20px;text-align:center;padding:5px 0;margin-top:2px;background:#f0dfff}.container .result_container #toast-message{position:fixed;right:5%;left:5%;margin-top:5px;color:#ff9ef7}