body{
    background-color: black;
    background-image: url("../ass/serverroom.jpg");
    background-size:auto;
}
    


.type {
  display: inline-block;  /* add this */
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  line-height: 5px; 
  border-right: 1px solid #48ff00; 
  animation: typing 4s steps(50, end) forwards,
             blink .7s step-end infinite;
}

@keyframes typing {
  from { width: 0; color: #48ff00;}
  to { width: 70%; color: #48ff00;}
}

@keyframes blink {
  50% { border-color: transparent; }
}

.line1 {
  animation-delay: 0s; border-right: black;}


.line2 {
  animation-delay: 4s;}



.anime {
    width: 30%;
    height: 100px;
}


.container {
    width: 50%;
    margin: auto;
    background-color: rgb(0, 0, 0);
    padding: 10px;
    border: 200px solid transparent; 
    border-image: url("../ass/window_border.png") 200 stretch;
    background-clip: padding-box;
}

h1 {
    font-size: medium;
    color: rgb(255, 255, 255);
    padding: 10px;
    font-family:'Arial Narrow Bold', sans-serif
}


#clickthis{
  width: 10%;
}