:root {
  --primary:#4b7f1c;
  --gray:#f2f2f2;
  --dark:#333;
}
body {
  font-family: Arial, sans-serif;
  background:#fff;
  margin:0;
  padding:20px;
  color:var(--dark);
}
.container {
  max-width:1000px;
  margin:auto;
}
h2 {
  margin-top:40px;
}
.calculator {
  background:var(--gray);
  padding:20px;
  border-radius:8px;
}
.field {
  flex:1 1 220px;
}
label {
  font-weight:bold;
  display:block;
  margin-bottom:5px;
}
input {
    width:97.5%;
    padding:10px;
    font-size:16px;
}
 select {
  width:100%;
  padding:10px;
  font-size:16px;
}
.gender {
  display:flex;
  gap:15px;
  margin-top:10px;
}
.buttons {
  margin-top:20px;
}
button {
  padding:12px 20px;
  font-size:16px;
  border:none;
  cursor:pointer;
  border-radius:4px;
}
.calculate {
  background:var(--primary);
  color:#fff;
}
.clear {
  background:#aaa;
  color:#fff;
  margin-left:10px;
}
.result {
  background:#fff;
  margin-top:20px;
  padding:15px;
  border-radius:6px;
  display:none;
}
.result strong {
  font-size:18px;
}
.converter-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media(max-width:600px){
  h2{font-size:20px;}
}

@media(max-width:800px){

}