body{
  font-size: 20px;
  margin: 0;
  padding:0;
}
label{text-align:center;}
.title-row, label {
  color:#111;
  text-shadow: 
       1px  1px 1px var(--color-yellow),
      -1px  1px 1px var(--color-yellow),
       1px -1px 1px var(--color-yellow),
      -1px -1px 1px var(--color-yellow),
       1px  0px 1px var(--color-yellow),
       0px  1px 1px var(--color-yellow),
      -1px  0px 1px var(--color-yellow),
       0px -1px 1px var(--color-yellow); 
}
main{
  max-width:360px;
  width:360px;
  margin:0 auto;
  padding: 10px 10px;
}
.calc-grid{
  width:100%;
  display: grid;
  grid-template-rows: auto;
  row-gap: 1rem;
  align-items: center;
}
.result-grid{
  margin:0.5rem 0 0 0;
  display: grid;
  grid-template-rows: auto;
  row-gap: 0;
  align-items: center;
}
.grid-row{
  width:100%;
  display: grid;
  grid-template-columns: 150px 20px 150px;
  column-gap: 10px;
  height:36px;
}
.tax-row{
  width:100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 5px;
  height:36px;
}
input, select{
  border: 1px solid var(--color-orange);
  border-radius: 3px;
  font-size: 24px;
}
input[type=number]{text-align: right;}
input[type=button]{
  text-align: center;
  background-color: var(--color-yellow);
}
option{text-align: right;}
.title-row{
  width:100%;
  height: 18px;
}
.result{width: 100%;}