<style type="text/css">

html {
  scroll-behavior: smooth;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(255,255,255);
  color: black;
  text-align: center;
  height = 100px;
  border-top: 1px solid #eee;
  }

label{
    display: inline-block;
    float: left;
    clear: right;
    width: 250px;
    text-align: left;
    padding: 5px;
    font-family:Rubik;
    }
input {
  display: inline-block;
  float: left;
  }

  input[type=submit] {
   background-color: #bbb;
   padding: .5em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   font-family:Rubik;
   font-size: 16px;
   text-decoration: none;
   border: none;
   background: green;
   cursor:pointer;
  }

  button {
   background-color: #bbb;
   padding: .5em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   font-family:Rubik;
   font-size: 16px;
   text-decoration: none;
   border: none;
   background: green;
   cursor:pointer;
  }

  button:hover {
   background-color: #bbb;
   padding: .5em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   font-family:Rubik;
   font-size: 16px;
   text-decoration: none;
   border: none;
   background: orange;
   cursor:pointer;
  }

input[type=submit]:hover {
 background-color: #bbb;
 padding: .5em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 font-family:Rubik;
 font-size: 16px;
 text-decoration: none;
 border: none;
 background: orange;
 cursor:pointer;
}

body {
  margin:auto;
  width:1024px;
  padding:10px;
  background-color: rgb(255,255,255);
  font-size:16px;
  font-family:Rubik;
  color: black;
}

input[type=number] {
  border: 1px solid green;
  border-radius: 5px;
  font-size:16px;
  font-family:Rubik;
  color: black;
  padding: 2px 2px;
  line-height: 24px;
}

input[type=number]:focus, textarea:focus {
  background-color: rgb(255,242,204);
}

input[type=text] {
  border: 1px solid green;
  border-radius: 5px;
  font-size:16px;
  font-family:Rubik;
  color: black;
  padding: 2px 2px;
  line-height: 24px;
}

input[type=text]:focus, textarea:focus {
  background-color: rgb(255,242,204);
}

select {
  border: 1px solid green;
  border-radius: 5px;
  font-size:16px;
  font-family:Rubik;
  color: black;
  height: 28px;
  padding: 2px 2px;
  width: 198px;
}

select:focus {
  background-color: rgb(255,242,204);
}

H5 {
  text-align: centre;
  color: tomato;
}

H1 {
  text-align: center;
  color: tomato;
}


.container {

  margin: 0 auto;
  position: relative;
  width: 50%;

}

#contact input[type=text] {
  border: 1px solid green;
  border-radius: 5px;
  font-size:16px;
  font-family:Rubik;
  color: black;
  padding: 2px 2px;
  line-height: 24px;
}

#contact {
  background-color: rgb(221,235,247);
  padding: 25px;
  margin: 0: auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  align-self: center;
  align: center;
}

#scalelist {
  background-color: rgb(250,250,250);
  padding: 25px;
  margin: 0: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  align-self: center;
  align: center;
}

#contact h3 {
  display: block;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact input[type="password"]
{
  border: 1px solid green;
  border-radius: 5px;
  font-size:14px;
  font-family:Rubik;
  color: black;
  padding: 2px 2px;
  line-height: 24px;
  width: 50%;
  background-color: rgb(221,235,247);
}

#contact button {
 background-color: #bbb;
 padding: .5em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 font-family:Rubik;
 font-size: 16px;
 text-decoration: none;
 border: none;
 background: green;
 cursor:pointer;
}

#contact button:hover {
 background-color: #bbb;
 padding: .5em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 font-family:Rubik;
 font-size: 16px;
 text-decoration: none;
 border: none;
 background: orange;
 cursor:pointer;
}

#contact input[type=submit] {
 background-color: #bbb;
 padding: .5em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 font-family:Rubik;
 font-size: 16px;
 text-decoration: none;
 border: none;
 background: green;
 cursor:pointer;
}

#contact input[type=submit]:hover {
background-color: #bbb;
padding: .5em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-family:Rubik;
font-size: 16px;
text-decoration: none;
border: none;
background: orange;
cursor:pointer;
}

#contact input[type=text]:focus, textarea:focus {
  background-color: rgb(255,242,204);
}

section {
  height: 50vh;
}

nav {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  background-color: rgb(255,255,255);
  box-shadow: 0px 1px 0px #eee;
}

nav ul {
  list-style: none;
  text-align: center;
}

nav ul li {
  display: inline-block;
}

nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #000;
  font-weight: 800;
  margin: 0 10px;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {

}

nav ul li a:hover {
  color: #555;
}

nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #333;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

.fraction > sup,
.fraction > sub {
  font-size: .66em;
}
.fraction > sup {
  vertical-align: .4em;
}
.fraction > sub {
  vertical-align: -.2em;
}

</style>
