/* PREDEFINED STYLES FOR EASY STYLING */

.show-fx {
  display: flex;
}

.show-blk {
  display: block;
}

.hide {
  display: none;
}

/* Laptop screen */
.container {
  width: 100%;
  max-width: 90%;
  min-width: 300px;
  margin: 0 auto;
}

.mt {
  margin-top: 30px;
}

.error {
  color: red;
  padding-bottom: 15px;
}

.success {
  color: green;
  padding-bottom: 15px;
}

/* Mobile screen */
@media only screen and (max-width: 768px) {
  .container {
    width: 100%;
    max-width: 95%;
    min-width: 300px;
    margin: 0 auto;
  }
}