input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

.main-header {
  background: #00A1DD;
  margin: 0px;
  height: 80px;
}
.main-header-title {
  padding-top: 6px;
}
.main-header-title h1 {
  font-weight: bolder;
  font-size: 1.75em;
  margin: 0px;
  color: #FEFEFE;
}
.main-header-navigation {
  font-weight: bold;
  font-size: 1.1em;
  color: #FEFEFE;
}
.main-header-navigation a,
.main-header-navigation a:visited{
  color: #FEFEFE;
  text-decoration: none;
}
.main-header-navigation a:hover {
  text-decoration: underline;
}

.main-header-description {
  margin: 10px 7px;
}

.main-body {
  margin: 7px;
}
body {
  margin: 0px
}

.measure-position-input {
  display: grid;
  grid-template-columns: 70px 120px 120px 120px ;
}
@media(max-width: 375px){
  .measure-position-input {
    display: grid;
    grid-template-columns: 220px ;
  }
}

.pos-input {
  width: 70px;
}
.input-panel {
  width: 110px;
  display: grid;
  grid-template-columns: 20px 90px;
}

.measure-output-panel {
  display: grid;
  grid-template-columns: 190px 220px ;
}

@media(max-width: 375px){
  .measure-output-panel {
    display: grid;
    grid-template-columns: 220px ;
  }
}

.output-panel-dist {
  display: grid;
  grid-template-columns: 90px 70px ;
}
.output-panel-height {
  display: grid;
  grid-template-columns: 140px 70px ;
}
.output-box {
  width: 70px;
}