body {
  background-image: url("bgnonanimated.jpg");
  background-repeat:repeat;
 height:100%;}
 .container{
 
  display: flex;
  

  align-items: center;
  justify-content: center;
}


.navbar {
  
  background-color: #248536;
  overflow: auto;
}


.navbar a {
  
  text-align: center;
  padding: 12px;
  color:black;
  text-decoration: none;
  font-size: 17px;
}


.navbar a:hover {
  background-color:cyan;
}


.active {
  background-color: cyan;
}


.repeat { 
  border: 8px solid transparent;
  padding: 10px;
 
  font-family: coolfont;
  border-image: url("dodo.gif") 50 repeat;
  background-color: #248536;
  color:white;
  text-align:center;
  opacity: 0.9;
}

a:link {
color: white;

}

a:visited {
  color: cyan;
}
.repeat2 { 
  border: 8px solid transparent;
  padding: 10px;
  font-family: coolfont2;
  border-image: url("dodo.gif") 50 repeat;
  background-color: rgba(60, 179, 113, 0.2);
  color:white;
  text-align:center;
  opacity: 0.9;
  font-size:15px;
}
p:hover, h1:hover, a:hover{
background-color:black;}



.typewriter2{
  color: green;
  font-family: monospace;
  
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
display: flex;
  justify-content: center;
}

  
.typewriter{
  color: green;
  font-family: monospace;
  font-size:30px;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  display: flex;
  justify-content: center;
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;

}


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

/* The typewriter cursor effect */

@font-face {
font-family:coolfont;
  src: url(Dirtchunk-0W0AR.otf);
}

@font-face {
font-family:coolfont2;
  src: url(AlienWorld-owj0x.ttf);
}

/* Styles for website counter container */


/* Styles for reset button */