body {
  background-image: url("https://i.imgur.com/cAV5Ufy.png");
}
h1  {
  font-family: "zitendo";
  text-align: center;
}
nav {
  font-family: "zitendo";
  text-align: right;

}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #718aa8;
  border-radius: 7px;
  padding: 9px;
  width: 35%;
  height: 65%;
  box-shadow: 0 0 5px 3px #6a8fbd;
  background: radial-gradient(circle,rgba(189, 244, 255, 1) 17%, rgba(255, 255, 255, 1) 48%, rgba(199, 227, 240, 1) 82%, rgba(148, 156, 156, 1) 100%);
}


@font-face {
font-family: "zitendo";
src: url("https://file.garden/aC4aPVnsQhh85lkY/zitendolite.ttf");
}
.left h1:after{
font-family: "zitendo";
content:" *. )";
}
.left h1:before{
font-family: "zitendo";
content:"( ";
}



    .crt::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

@keyframes flicker {
  0% {
  opacity: 0.27861;
  }
  5% {
  opacity: 0.34769;
  }
  10% {
  opacity: 0.23604;
  }
  15% {
  opacity: 0.10626;
  }
  20% {
  opacity: 0.18128;
  }
  25% {
  opacity: 0.10626;
  }
  30% {
  opacity: 0.18128;
  }
  35% {
  opacity: 0.23604;
  }
}

.crt::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}