body{
  color:white;
  background-image:url('/bgimagez/3rdimpact.png');
  background-size:cover;
  font-family:vipna;
  
 
 
}

    @font-face {
  font-family: turbodriver;
  src: url(/mainfonts/turbodriver.otf);
}

    @font-face {
  font-family: stadium;
  src: url(/mainfonts/stadium.ttf);
}
    @font-face {
  font-family: bluescreen;
  src: url(/mainfonts/bluescreen.ttf);
}

    @font-face {
  font-family: rabt;
  src: url(/mainfonts/whitrabt.ttf);
}

    @font-face {
  font-family: wheaton;
  src: url(/mainfonts/wheaton.otf);
}

    @font-face {
  font-family: fearrobot;
  src: url(/mainfonts/fearrobot.ttf);
}

    @font-face {
  font-family: vipna;
  src: url(/mainfonts/vipna.otf);
}
    @font-face {
  font-family: vibrocentric;
  src: url(/mainfonts/vibrocentric.otf);
}

    @font-face {
  font-family: unioncity;
  src: url(/mainfonts/unioncity.otf);
}

    @font-face {
  font-family: superglue;
  src: url(/mainfonts/superglue.otf);
}
    @font-face {
  font-family: justsugar;
  src: url(/mainfonts/justsugar.otf);
}


 .box{
  display: block;
  clear: both;
  border: 2px solid rgba(188, 173, 231, 0.75);
  outline: 2px solid rgba(227, 218, 255, 0.75);
  outline-offset: 0px;
  width:fit-content;
  text-align:center;
  height:fit-content;
  padding: 4px 4px 4px 10px;
  margin:12px;
  background-color:rgba(10, 0, 39, 0.72); 

}
.boximg{
  display: block;
  clear: both;
  border: 2px double #e1fbff;
  outline: 2px solid #dde8ff ;
  outline-offset: 1px;
  background-image:url(/imagez/ferricoxide.jpg);
  background-size:cover;
  width:100px;
  text-align:center;
  height:100px;
  background-color: rgba(3, 9, 13, 0.2);
  padding: 4px 4px 4px 10px;
  margin:12px;
}

.button{
border-style:none;
padding:0%;
background:none;

}

.side-bar {
	top: 0;
	left:0;
	height: 100%;
	color: white;

	writing-mode: vertical-rl;
	text-orientation: sideways-right;
}

.marquee p {
	overflow: hidden;
	white-space: nowrap;
	height: 100%;
}

.marquee span {
	animation: marquee 8s linear infinite;
	display: inline-flex;
	padding-right: 10px;
	font-size: 4rem;
}

.glow {
  
  color: #fff;
  
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@keyframes marquee {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}


@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #00ffff , 0 0 20px  #00ffff , 0 0 25px  #00ffff , 0 0 30px  #00ffff , 0 0 35px  #00ffff ;
  }
  to {
    text-shadow: 0 0 10px #fff, 0 0 15px  #c3ffff , 0 0 20px  #c3ffff , 0 0 25px  #c3ffff , 0 0 30px  #c3ffff , 0 0 35px  #c3ffff , 0 0 40px  #c3ffff ;
  }
}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: cyan;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}