.clearfix {
  *height: 1%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.none {
  display: none !important;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

body {
  position: relative;
  color: rgba(165, 186, 23, 0.8);
  text-transform: uppercase;
  font-family: 'Space Mono', monospace;
  font-weight: bold;
  text-align: left;
  text-shadow: 0 0 10px #0f0;
  font-size: 1.3em;

  background-color: #000;
  animation: crt 10s infinite;
}

section {
  padding: 20px;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

input[type=text], input[type=tel] {
  border: none;
  width: 100%;
  font-family: inherit;
  color: inherit;
  text-shadow: inherit;
  font-weight: inherit;
  text-transform: inherit;
  font-size: 1.7em;
  background: none;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
}
input[type=text]:disabled, input[type=tel]:disabled {
  opacity: 1;
}
input[type=text]:focus, input[type=tel]:focus {
  margin-bottom: 50vh;
}

@keyframes crt {
    0% { transform: translate(0,0); }
    .25% { transform: translate(100px,0); }
    .5% { transform: translate(0,0); }
    30% { transform: translate(0,0); }
    30.25% { transform: translate(-100px,0); }
    30.5% { transform: translate(0,0); }
    40% { transform: translate(0,0); }
    40.25% { transform: translate(0,40px); }
    40.5% { transform: translate(0,0); }
    99% { background-color: #000; }
    99.5% { background-color: #030; }
    100% { background-color: #000; }
}
input[type=text], input[type=tel]{
	color:red!important;
}