/* #### CSS by: shortybsd #### */


@font-face {
  font-family: 'Neuropolitical-Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Neuropolitical-Regular'), url('../fonts/neuropolitical.woff') format('woff');
}

body {
/*  background-color: #080808;*/
  padding-top: 5em;
  display: flex;
  justify-content: center;
}


.typewriter h1 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #FF4500; /* Typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em;
  font-family:'Neuropolitical-Regular';
  font-weight:normal;
  font-size:42px;
  color: #00FF00;
  text-align: center;
  margin-top: 120px;
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* Typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #FF4500; }
}

@media all and (max-width: 1366px) {
  .typewriter h1 {
    font-size:30px;
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .typewriter h1 {
    font-size:20px;
    width: 100%;
  }
}

p {
  font-family: 'Neuropolitical', sans-serif;
  font-size:42px;
  color:white;
  text-align: center;
}