/* *{
  margin:0px;
  padding:0px;
  background-color:black;
}

.boxoutline {
  width:auto;
  display:table;
  padding: 20px 10px 0 10px;
  height: 50px;
  background: ;
  position:inherit;
  margin:10px 0 40px 0;
  box-shadow:
    0 0 0 3px hsl(0, 0%, 50%),
    0 0 0 8px hsl(0, 0%, 0%),
    0 0 0 11px hsl(0, 0%, 50%)

}

.boxoutline p{
  text-align:center;
}

.okejbox {
  width:auto;
  display:table;
  padding: 15px 4px 10px 4px;
  height: auto;
  position:inherit;
  margin: 40px auto 30px auto;
  box-shadow:
    0 0 0 3px hsl(0, 0%, 50%),
    0 0 0 8px hsl(0, 0%, 0%),
    0 0 0 11px hsl(0, 0%, 50%)
}

<div class="boxoutline" id="box"> <p>Hej Gabril</p> <p>Är du bögen i buren??</p> <div class="okejbox">Nej</div> </div>
<p>A><span class="keyframes">_</span></p>

*/
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

.clr{
  clear:both;
}

a{
  text-decoration:none;
  color:grey;

}

a:hover{
  color:A4A4A4;
}


body{
  /*background-image:linear-gradient(130deg, #0d1224, #657d8f);
  background-size:300vh 300vw;
  background-repeat: no-repeat;*/
  background-color:black;
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-position: top left;
  background-size:cover;
  font-family:VT323;
  font-weight:normal;
  font-size:30px;
  color:grey;
  padding:0;
  margin:0;
  line-height:0;

}

.container{
  margin: 50px;
}

.keyframes{
   animation: animate 1.3s linear infinite;
 }

 @keyframes animate{
   0%{
     opacity: 0;
   }
   24%{
     opacity:0;
   }
   25%{
     opacity:1;
   }
   74%{
     opacity: 1;
   }
   75%{
     opacity:0;
   }
   100%{
     opacity: 0;
   }
 }

 table{
   width:auto;
   margin-top:0;
   border: ;
   border-color:white;
   font-size: 30px;
   text-align:left;
   padding:0px;
 }

 th{
   width:200px;
   padding:0px;
 }