body {
  background-color: #FFD;
  width: 100%;
  margin-bottom: 60px; }

header,
main,
footer {
  max-width: 1024px;
  margin: auto; }

.title {
  margin-top: 80px; }

main {
  min-width: 320px;
  margin-top: 30px;
  margin-bottom: 56px; }

footer {
  display: inline-block;
  position: fixed !important;
  bottom: 0;
  right: 0;
  left: 0;
  padding: .5rem 1.5rem;
  z-index: 50;
  height: 56px; }

#buttons {
  width: 100%;
  margin: 5px 0 15px; }
  #buttons button {
    width: 50%; }

a:hover {
  text-decoration: none; }

.inputForm {
  width: 100%;
  height: 600px; }

.outputDiv {
  min-height: 486px;
  width: 100%;
  height: 650px;
  padding: 2px;
  margin: auto;
  border: 1px solid #885;
  background-color: #EED;
  box-shadow: 0px 0px 12px #444;
  overflow-y: scroll; }

.text-shadow {
  text-shadow: -3px 3px 8px #885; }

.display-6 {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.1; }

/*# sourceMappingURL=app.css.map */