.modal-overlay {
  z-index: 3;
  /* display: none; */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 10%;
}

.modal {
  margin: auto;
  background-color: #111;
  color:#fff;
  position: relative;
  padding: 5%;
  outline: 0;
  width: 30%;
}

.error, .karma {
    color:#fff!important;
}

.lm a{
    width:7rem!important;
}

@media only screen and (max-width: 768px) {
    .modal {
        width:70%;
    }
    
    .xbtn {
        font-size:2rem;
    }
}