#Container
{
  width: calc(100% - 75%);
  min-width: 250px;
  margin: auto;
  /* position:absolute; */
  left: 50%;
  top: 25%;
  /* margin-left:-15%;
  margin-right: 20px; */
}
#RadioBtns
{
  text-align:left;
  margin: 0 0 10px;
}
h1 {
  font-family: monospace;
  text-align: center;
  margin-top: 80px;
}

p
{
  text-align: center;
}
input
{
  width: 95%;
  border-radius: 5px;
}
input[type="text"]
{
  height: 35px;
  font-size: 25px;
  text-align: center;
  border-width: 1px;
  
}
input[type="text"]:focus
{
  outline: none;
  box-shadow: inset 1px 1px 5px rgba(249, 117, 77, 0.2), inset -1px -1px 5px rgba(249, 117, 77, 0.2),
              1px 1px 5px rgba(249, 117, 77, 0.2), -1px -1px 5px rgba(249, 117, 77, 0.2);
  border-color: rgba(249, 96, 76, 1);
}
input[type="button"]
{
  outline: none;
  height: 35px;
  background-color: white;
  color: #F9604C;
  border-width: 1px;
  border-style: solid;
  border-left-color: #FFCEBA;
  border-top-color: #FFCEBA;
  border-right-color: #D13824;
  border-bottom-color: #D13824;
  box-shadow: inset -1px -1px 0.5px rgba(209, 56, 36, 0.5);
}
input[type="button"]:hover
{
  background-color: #FFCEBA;
  color: white;
  text-shadow: 0.5px 0.5px 2px #C72E1A;
}
input[type="button"]:active
{
  border-left-color: #D13824;
  border-top-color: #D13824;
  border-right-color: #FFCEBA;
  border-bottom-color: #FFCEBA;
 box-shadow: inset 1px 1px 0.5px rgba(209, 56, 36, 0.5);
}
input[type="radio"]
{
  width: auto;
}
select
{
  width: 95%;
  height: 35px;
  text-indent: calc(100% - 60%);
}
select:focus
{
  outline: none;
  box-shadow: inset 1px 1px 5px rgba(249, 117, 77, 0.2), inset -1px -1px 5px rgba(249, 117, 77, 0.2),
              1px 1px 5px rgba(249, 117, 77, 0.2), -1px -1px 5px rgba(249, 117, 77, 0.2);
  border-color: rgba(249, 96, 76, 1);
}
#RadioBtns > h4
{
  margin-top: 0px;
}
#RadioBtns > div
{
  text-align:center;
}

.article {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.1em;
  padding: 5% 20% 0;
}

.article p{
  text-align: left;

}