de

body{ margin: 0; padding: 0; text-align: center; font-family: sans-serif; background-image: linear-gradient(120deg,#ff6b6b, #5f27cd); min-height: 100vh; } div{ width: 500px; position: absolute; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); padding: 20px; border-radius: 10px; box-shadow: 1px 1px 20px #ee5253; } h2{ font-size: 30px; font-weight: 600; } .text{ text-align: left; margin-left: 150px; } #w, #h{ color: #222f3e; text-align: left; font-size: 20px; font-weight: 200; outline: none; border: none; background: none; border-bottom: 1px solid #341f97; width: 200px; } #w:focus, #h:focus{ border-bottom: 2px solid #341f97; width: 300px; transition: 0.5s; } #result{ color: #341f97; } #btn{ font-family: inherit; margin-top: 10px; border: none; color: #fff; background-image: linear-gradient(120deg,#ff6b6b, #5f27cd); width: 150px; padding: 10px; border-radius: 30px; outline: none; cursor: pointer; } #btn:hover{ box-shadow: 1px 1px 10px #341f97; } #info{ font-size: 12px; font-family: inherit; } function BMR() { var kilo=document.getElementById('q').value; var boy=document.getElementById('u').value; var yaş=document.getElementById('y').value; var bmr=66.5+(13.75*kilo)+ (5.03*boy)-(6.75*yaş); var bmro=(bmr.toFixed(2)); document.getElementById("esittir").innerHTML="Bazal Metabolizma Hızınız " + bmro; }