@-webkit-keyframes marcblitzthier {
    0% {
        opacity:0;
    }
    20% {
        opacity:0.55;
    }
    50% {
        opacity:0.8;
    }
    70% {
        opacity:0.55;
    }
    100% {
        opacity:0;
    }
}

.marcblitzthier {
  -webkit-animation-name: marcblitzthier;
  -webkit-animation-duration: 900ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  background-color: Red;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 150;
  opacity:0;
}

#marc_apply {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 25px;
    font-size:2rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.CodeMirror {
    box-shadow: 2px 2px 6px #111139 inset;
    color: #777aaa !important;
    opacity: 0.9;
    margin-left: 80px;
    margin-right: 80px;
    height: auto !important;
    border-radius: 24px;
    width:50%;
    margin: 0 auto;
}

.CodeMirror-scroll {
  height:13.5rem !important;
}

.CodeMirror-sizer {
	padding-bottom: 20px !important;
}

.elementor-kit-31 button.marc_effect {
  margin: 10px;
  border-radius: 24px;
  background-color: black;
  opacity: 0.7;
  box-shadow: none;
}

@media only screen and (max-width: 767px) {
  .CodeMirror {
    width:75%;
  }
}