body {  background: black;  font-family: 'Varela', sans-serif;}.glitch {  color: white;  font-size: 75px;  width: 800px;  margin: 0 auto;  height:auto;  position:relative;}@keyframes noise-anim {  0% {    clip: rect(80px, 9999px, 14px, 0);  }  5% {    clip: rect(77px, 9999px, 85px, 0);  }  10% {    clip: rect(43px, 9999px, 80px, 0);  }  15% {    clip: rect(72px, 9999px, 64px, 0);  }  20% {    clip: rect(97px, 9999px, 80px, 0);  }  25% {    clip: rect(68px, 9999px, 25px, 0);  }  30% {    clip: rect(96px, 9999px, 74px, 0);  }  35% {    clip: rect(35px, 9999px, 16px, 0);  }  40% {    clip: rect(25px, 9999px, 78px, 0);  }  45% {    clip: rect(65px, 9999px, 84px, 0);  }  50% {    clip: rect(84px, 9999px, 8px, 0);  }  55% {    clip: rect(27px, 9999px, 80px, 0);  }  60% {    clip: rect(58px, 9999px, 36px, 0);  }  65% {    clip: rect(85px, 9999px, 66px, 0);  }  70% {    clip: rect(55px, 9999px, 45px, 0);  }  75% {    clip: rect(79px, 9999px, 86px, 0);  }  80% {    clip: rect(57px, 9999px, 53px, 0);  }  85% {    clip: rect(27px, 9999px, 16px, 0);  }  90% {    clip: rect(77px, 9999px, 38px, 0);  }  95% {    clip: rect(84px, 9999px, 79px, 0);  }  100% {    clip: rect(34px, 9999px, 7px, 0);  }}.glitch:after {  content: attr(data-text);  position: absolute;  left: 2px;  text-shadow: -1px 0 red;  top: 0;  color: #666;  background: black;  overflow: hidden;  clip: rect(0, 900px, 0, 0);  animation: noise-anim 3s infinite linear alternate-reverse;}@keyframes noise-anim-2 {  0% {    clip: rect(35px, 9999px, 92px, 0);  }  5% {    clip: rect(28px, 9999px, 51px, 0);  }  10% {    clip: rect(62px, 9999px, 95px, 0);  }  15% {    clip: rect(39px, 9999px, 98px, 0);  }  20% {    clip: rect(51px, 9999px, 65px, 0);  }  25% {    clip: rect(73px, 9999px, 10px, 0);  }  30% {    clip: rect(93px, 9999px, 7px, 0);  }  35% {    clip: rect(76px, 9999px, 59px, 0);  }  40% {    clip: rect(5px, 9999px, 20px, 0);  }  45% {    clip: rect(15px, 9999px, 33px, 0);  }  50% {    clip: rect(93px, 9999px, 97px, 0);  }  55% {    clip: rect(92px, 9999px, 60px, 0);  }  60% {    clip: rect(96px, 9999px, 77px, 0);  }  65% {    clip: rect(85px, 9999px, 23px, 0);  }  70% {    clip: rect(20px, 9999px, 93px, 0);  }  75% {    clip: rect(38px, 9999px, 10px, 0);  }  80% {    clip: rect(13px, 9999px, 100px, 0);  }  85% {    clip: rect(44px, 9999px, 96px, 0);  }  90% {    clip: rect(37px, 9999px, 29px, 0);  }  95% {    clip: rect(77px, 9999px, 4px, 0);  }  100% {    clip: rect(61px, 9999px, 89px, 0);  }}.glitch:before {  content: attr(data-text);  position: absolute;  left: -2px;  text-shadow: 1px 0 blue;  top: 0;  color: white;  background: black;  overflow: hidden;  clip: rect(0, 900px, 0, 0);  animation: noise-anim-2 4s infinite linear alternate-reverse;}#greeting{  margin: 0 auto;  opacity: 1;  border: 0px solid green;}#enter{  display: none;  border: 0px solid green;}#content{display: none;}#exit{display: none;}#input{  width:500px;  height:auto;  position:absolute;  top:50%;  left:50%;  margin-left:-250px;  background-color:#000;  display: none;}#input input{  position:relative;  width:100%;  font-size:xx-large;  text-transform:uppercase;  color:#555555;  border:none;  outline:none;  background:none;  padding:12px 5px;}#input input:focus{  /*box-shadow:0px 0px 3px 1px rgba(0,180,200,.5);*/  outline: none;}input:focus::placeholder {  color: transparent;}#input .border-line{  width:100%;  border:3px solid #555555;  border-top:none;  height:18%;  position:absolute;  bottom:0px;   box-shadow:0px 2px 3px 0px rgba(0,0,0,.25);}#sslff {    position: fixed;	background-image: url(../img/zerossl_icon.png);	background-repeat: no-repeat;	background-size: cover;    bottom: 0;    right: 0;	height: 15px;	width: 15px;	opacity: 0.5;	display: none;}.tinyzssl {	width: 15px;	height: 15px;}