@font-face {
    font-family: 'Web IBM VGA 8x14';
    font-style: normal;
    font-weight: 400;
    src: url('web_ibm_vga_8x14.woff') format('woff');
}
body {
  background-color: #000000;
  color: #FBFFBB;
  /*font-family: 'Courier New', monospace;*/
  font-family: "Web IBM VGA 8x14", sans-serif;
}
.mutsislinkit{
  font-size: 26px;
  margin-left: 20px;
  margin-top: 50px;

}
.breakingnews{
 position: fixed;
 background-color: #FF3385;
 top: 0;
 left: 0;
 width: 100%;
 height: 40px;
 white-space: nowrap;
 overflow: hidden;
 marigin: 0 auto;
 z-index: 10;

.news{
 font-weight: bold;
 color: white; 
 position: relative;
 top:15%;
 font-size: 28px;

 display:inline-block;
 padding-left: 100%;
 animation: scrolleri 15s linear infinite;
}


}
.pupulaatikko{
 overflow: hidden;
 height: 60px;
 width:80%;
}
.pupu{
 position: relative;
 display: inline-block;
 transform-origin: center;
 
}
.linkki > .rusetti{

 transform-origin: center;
 animation-timing-function: linear;
 animation-name: linkkianimaatio;
 animation-duration: 1.1s;
 animation-iteration-count: infinite;
 animation-fill-mode: forwards;
 animation-play-state: running;
}

.linkki:hover > .rusetti {
 animation-play-state: paused;
}
.rusetti{
 display: inline-block;
}
.linkki{
 display: inline-block;
 margin: 5px;
}
h1 {
  color: #CCFFdd;
}
h3 {
  color: #AFCBFF;
}
h4{
margin-bottom: 10;
}
li {
  margin: 6px ;
  border-style: dotted;
}
a:link {
  color: #FBFBFB;
  background-color: transparent;
  text-decoration: none;
}

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

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

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
.mutsisnumerot th {
  border: 3px solid;
  font-weight: bold;
  padding: 5px;
  font-size: 20px;
}
.mutsisnumerot td,
.mutsisnumerot tr {
   font-size: 22px;
   border: 1px solid;
   color: #DFFF00;
   padding: 2px;
   padding-left: 20px;
   padding-right: 20px;
   text-align: center;
}
.tilatietoja{
 position: fixed;
 font-size: 25;
 top: 200px;
 right: 50px;
 padding: 10px;
 border-style: dotted;
}
.maenospaikka {
 position: fixed;
 top: 100;
 right: 50;

}
@keyframes linkkianimaatio {
  0%   { transform:scale(1) rotateY(0deg)}
  100% { transform:scale(1) rotateY(360deg)}
}

@keyframes scrolleri {
  0%   { transform:translate(0,0)}
  100% { transform:translate(-100%,0)}
}

@keyframes linkkianimaatio2 {
  0%   { transform:scale(1) rotateY(0deg) translateY(0px)}
  100% { transform:scale(1) rotateY(2400deg) translateY(800px)}

}


@keyframes pupuhyppiianimaatio {
  0%   { transform:translateY(0px)}
  50%   { transform:translateY(15px)}
  100%   { transform:translateY(0px)}
}
@keyframes pupujuokseeanimaatio {
  0%   { transform:translateX(100vh)}
  100%   { transform:translateX(-100px)}
}

@keyframes mutsismainosanimaatio2 {
  0%   { transform:rotate(-10deg)}
  25%  { transform:rotate(0deg)}
  50%  { transform:rotate(10deg)}
  75%  { transform:rotate(0deg)}
  100% { transform:rotate(-10deg)}
}

@keyframes mutsismainosanimaatio {
  0%   { transform:rotate(-1deg)}
  25%  { transform:rotate(0deg)}
  50%  { transform:rotate(1deg)}
  75%  { transform:rotate(0deg)}
  100% { transform:rotate(-1deg)}
}
@keyframes kursorianimaatio {
  0%   { opacity: 1}
  49%   { opacity: 1}
  50%  { opacity:0}
  99%   { opacity: 0}
  100% { opacity:1)}
}
.mainostilaa:hover {
  position: relative ;
  scale: 1.3;
  border: 24px solid #FFAD21;
  animation-name: mutsismainosanimaatio2;
  animation-duration: 0.1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.mainostilaa {
  /* position: fixed; 
  top: 100px;
  right: 20px;
*/
  padding: 5px;
  position: relative ;
  border: 4px solid #FFAD21;
  animation-name: mutsismainosanimaatio;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.kursori {
 animation-name: kursorianimaatio;
 animation-duration: 0.3s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 display: inline-block;
}