/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 require_tree

 */
/* line 16, app/assets/stylesheets/application.css.scss */
html, body {
  width: 100%;
  margin: 0;
}

/* line 20, app/assets/stylesheets/application.css.scss */
.flashes {
  padding: 15px 0;
}

@media (max-width: 1000px) {
  /* line 20, app/assets/stylesheets/application.css.scss */
  .flashes {
    padding: 15px;
  }
}

/* line 26, app/assets/stylesheets/application.css.scss */
.flash-notice {
  background: #28a745;
}

/* line 28, app/assets/stylesheets/application.css.scss */
.flash-notice .text {
  max-width: 800px;
  color: #fff;
  font-family: sans-serif;
  font-weight: 700;
  margin: 0 auto;
}

/* line 36, app/assets/stylesheets/application.css.scss */
.flash-alert {
  background: #dc3545;
}

/* line 38, app/assets/stylesheets/application.css.scss */
.flash-alert .text {
  max-width: 800px;
  color: #fff;
  font-family: sans-serif;
  font-weight: 700;
  margin: 0 auto;
}

/* line 46, app/assets/stylesheets/application.css.scss */
.container {
  max-width: 1000px;
  margin: 100px auto;
  font-family: sans-serif;
  color: #404040;
}

/* line 47, app/assets/stylesheets/application.css.scss */
.container h1 {
  text-align: center;
}

@media (max-width: 1000px) {
  /* line 46, app/assets/stylesheets/application.css.scss */
  .container {
    width: calc(100% - 50px);
    max-width: none;
    margin: 15px 20px 0;
  }
  /* line 55, app/assets/stylesheets/application.css.scss */
  .container h1 {
    font-size: 20px;
  }
  /* line 58, app/assets/stylesheets/application.css.scss */
  .container .problem_form {
    width: calc(100% - 40px);
  }
}

/* line 66, app/assets/stylesheets/application.css.scss */
.problem_form {
  max-width: 600px;
  margin: 0 auto;
  border: 3px solid #404040;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

/* line 67, app/assets/stylesheets/application.css.scss */
.problem_form input[type='text'], .problem_form input[type='file'], .problem_form textarea {
  margin-bottom: 25px;
  min-height: 25px;
  color: #222C3A;
}

/* line 72, app/assets/stylesheets/application.css.scss */
.problem_form textarea {
  min-height: 100px;
  resize: vertical;
}

/* line 76, app/assets/stylesheets/application.css.scss */
.problem_form label {
  font-weight: 700;
}

/* line 79, app/assets/stylesheets/application.css.scss */
.problem_form .button {
  width: 200px;
  height: 35px;
  margin: 0 auto;
  background: #00abff;
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

/* line 80, app/assets/stylesheets/application.css.scss */
.problem_form .button:hover {
  background: #404040;
}

/*# sourceMappingURL=application.css-f985e724442aca62ebddd7b11ae3c611225d3b81596e50212de2d7e8ad467d63.map */