@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


body{
  margin:0;
  background-color:#202A44;
  color:white;
}
h1{
  text-align:center;
  text-shadow:1pt 1pt #e0e0e0;
  font-family: Montserrat, Raleway, Roboto, Arial, Helvetica, sans-serif;

}
#content{
  width:90%;
  margin:auto;
  margin-bottom:10pt;
  height:150pt;
  background-color:#efefef;
  border-radius:20pt;
  color:black;
  padding:10pt;
  display:flex;
  border:2pt solid black;
}

#content>div{
  width:33%;
  text-align:center;
}
#area{
  background-color:#bad4ff;
  border-top-left-radius:20pt;
  border-bottom-left-radius:20pt;
}
#volume{
  background-color:#baffc8;
  border-left:1px solid black;
  border-right:1pt solid black;
}
#inputarea{
  background-color:#ffbaba;
  border-top-right-radius:20pt;
  border-bottom-right-radius:20pt;
}

h2{
  margin:0;
  padding-bottom:25pt;
  text-align:center;
  font-family: Montserrat, Raleway, Roboto, Arial, Helvetica, sans-serif;

}
#inputarea{
  text-align:center;
}
input{
  text-align:center;
  margin:3pt;
  width:40%;
}
button{
  margin:3pt;
  width:40%;
}

select{
  width:40%;
}

p{
  display:inline;
  font-family: Montserrat, Raleway, Roboto, Arial, Helvetica, sans-serif;

}

#powoutv,#powouta{
  vertical-align:top;
  font-size:.7em;
}

#article {
  padding: 5% 10% 1%;
}


a {
  color:yellow;
}