html, body {
  height: 100%;
}

body {
  background: rgb(171,187,224);
  background: radial-gradient(circle, rgba(171,187,224,1) 0%, rgba(92,157,235,1) 100%);
  text-align: center;
  font-family: 'Open Sans';
}

.full_content_area {
  max-width: 900px;
}

#page_title {
  margin-top: 40px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0px;
  text-shadow: 0 0 3px black;
  font-size: 80px;
  text-decoration: none !important;
  display: inline-block;
}

#page_subtitle {
  color: #fcfcfc;
  font-size: 35px;
  margin: 20px 0 40px;
  line-height: 40px;
}

#main_content_area {
  background: #fff;
  padding: 40px;
  width: 420px;
  margin: 0 auto;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  border-radius: 4px;
}

#main_content_area .section_title {
  font-size: 36px;
  line-height: 36px;
}

.form-group.shiny-input-container {
  display: inline-block;
  width: 100%;
}

.form-control {
  padding: 15px 23px;
  font-size: 20px;
  height: auto;
  line-height: 0;
  color: #333;
}

.form-control:focus {
  box-shadow: none;
  outline: 0 none;
  border-color: #444;
}

#main_error {
  margin-top: 10px;
}

#confirm_submit_btn {
  outline: 0 none !important;
  width: 100%;
  padding: 20px;
  color: #fafafa;
  border-color: #43A047;
  background: linear-gradient(to bottom, #81C784 0%, #66BB6A 100%);
  box-shadow: inset 0 1px #C8E6C9, 0 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 20px;
}
#confirm_submit_btn:hover {
  border-color: #66BB6A;
  background: linear-gradient(to bottom, #A5D6A7 0%, #81C784 100%);
  box-shadow: inset 0 1px #E8F5E9, 0 2px 3px rgba(0, 0, 0, 0.2)
}
#confirm_submit_btn:active {
  border-color: #388E3C;
  color: #C8E6C9;
  background: linear-gradient(to bottom, #66BB6A 0%, #43A047 100%);
  box-shadow: inset 0 2px 2px #388E3C;
}
#confirm_submit_btn.disabled {
  background: #A5D6A7;
  border-color: #81C784;
}

#footer {
  color: #f0f0f0;
  font-size: 16px;
  margin: 40px 0 10px;
}

#footer a {
  color: #f0f0f0;
  text-decoration: underline !important;
}

@media only screen and (max-width: 500px) {
  #page_title {
    margin-top: 20px;
    font-size: 60px;
  }
  #page_subtitle {
    margin: 5px 0 25px;
    line-height: 30px;
    font-size: 30px;
  }
  #main_content_area {
    width: 284px;
    padding: 20px;
  }
  .form-control {
    padding: 7px 12px;
    font-size: 17px;
  }
  #confirm_submit_btn {
    font-size: 17px;
    padding: 10px 15px;
  }
  #main_content_area .section_title {
    font-size: 28px;
    line-height: 28px;
  }
}