@keyframes neon {
  from {
    text-shadow: 0 0 6px rgba(202, 228, 225, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(30, 132, 242, 0.52), 0 0 21px rgba(30, 132, 242, 0.92), 0 0 34px rgba(30, 132, 242, 0.78), 0 0 54px rgba(30, 132, 242, 0.92); }
  to {
    text-shadow: 0 0 6px rgba(202, 228, 225, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(30, 132, 242, 0.58), 0 0 22px rgba(30, 132, 242, 0.84), 0 0 38px rgba(30, 132, 242, 0.88), 0 0 60px #1e84f2; } }
.modal {
  position: absolute;
  background: #000 url(../img/background/modal.jpg) no-repeat center;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  min-height: 100%;
  display: none; }
  .modal .modal-form {
    position: relative;
    color: #fff;
    border-radius: 4px;
    max-width: 700px;
    margin: auto;
    border: 4px solid #2ff5f4;
    padding: 25px;
    transition: .2s;
    opacity: 0; }
    @media (min-width: 1120px) {
      .modal .modal-form {
        width: 700px; } }
    .modal .modal-form .title {
      text-transform: uppercase;
      font-size: 22px;
      font-weight: bold; }
    .modal .modal-form p {
      margin: 0px 0 15px;
      font-size: 18px; }
    .modal .modal-form input {
      width: 280px;
      height: 64px;
      padding: 0 1.25rem;
      background: transparent;
      border: 4px solid rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      font-size: 18px;
      color: #ffffff;
      line-height: 1;
      position: relative;
      outline: none; }
    .modal .modal-form .error {
      padding: 8px 0 0; }
      .modal .modal-form .error .oops {
        position: relative;
        color: #ffffff;
        font-weight: 700;
        padding-right: 20px;
        text-transform: uppercase;
        animation: neon .08s ease-in-out infinite alternate; }
        .modal .modal-form .error .oops:before {
          position: absolute;
          width: 4px;
          height: 100%;
          background: #fe00a2;
          content: '';
          right: 5px;
          top: 0px; }
    .modal .modal-form .neon-button {
      width: 280px;
      background: transparent;
      margin-top: 15px;
      outline: none;
      padding: 20px 2.5rem;
      border: 4px solid #ffffff;
      border-radius: 4px;
      font-weight: 700;
      color: #ffffff;
      text-transform: uppercase;
      cursor: pointer; }
  .modal.visible {
    display: flex;
    opacity: 1; }
    .modal.visible .modal-form {
      opacity: 1;
      transition: .4s; }

@media (max-width: 768px) {
  .modal .modal-form input, .modal .modal-form button {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important; } }

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