* {
  box-sizing: border-box;
}

body {
  background: #426e6f;
  width: 60%;
  margin: auto;
  margin-top:110px;
}

body>p {
  text-align: center;
  background: #fff;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 100px;
  font-size: 20pt;
  color: #426e6f;
  font-weight: bold;
  box-shadow: 3px 5px 5px #000000;
}

form {
  margin: 8px;
}

a {
  margin-top: 35px;
  text-align: center;
  display: block;
}

a:link, a:visited {
  color: #fff;
  font-style: italic;
}

input[type=number], input[type=text], input[type=button] {
  width: 100%;
}

input[type=number], input[type=text] {
  border: none;
  font-size: 17pt;
  margin-bottom: 25px;
  color: #000;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 7px;
  padding-bottom: 7px;
}

input[type=number]:focus {
  border: 2px solid #8ca6ab;
}

::placeholder {
  color: #938f8f;
  font-size: 17pt;
  text-align: center;
}

input[type=button] {
  background-color: #426e6f;
  border: 1px solid #b5d7de;
  border-radius: 3px;
  color: #b5d7de;
  font-size: 15pt;
  padding-top: 10px;
  padding-bottom: 10px;
}

.submitCase {
  position: fixed;
  width: 100%;
  bottom: 45px;
  padding-right: 16px;
}

.certificationBox {
  background: #426e6f;
}

.certificationBox>p {
  color: #fff;
  font-size: 13pt;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-bottom: 0px;
}

.modalFooterContainer {
  display: flex;
  flex-direction: row;
}

.w3-container {
  margin-left: 8px;
}

ul {
  padding: 5px;
}

li {
  margin-top: 5px;
  font-weight: bold;
}

ul>p {
  font-size: 10pt;
}

.modalBtn {
  width: 100%;
  font-weight: bold;
  background: none;
  border: 0;
  font-size: 14pt;
  margin-bottom: 15px;
}

@media only screen and (max-width:600px) {
  body {
    width: 100%;
    margin-top:0;
  }
}