@font-face 
{ font-family: 'Glass_TTY_VT220';
 src: url('Glass_TTY_VT220.ttf'); 
}
*{
  margin: 0px;
  padding: 0px;


}

/*koko sivuston muotoilut*/

body {
  padding-left: 13em;
  color: #2DC745;
  font-family: 'Glass_TTY_VT220';
  background-color: black;
}

/*<-kokosivuston muotoilut loppu->*/

/*<-vasen valikko alkaa->*/

ul.navbar {
  
  list-style-type: none;
  padding: 15px 30px;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 8em
}



ul.navbar a {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  color: #2DC745;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-decoration: none;
  font-size: 24px;
  overflow: hidden;
  transition: 0.2s;
}
ul.navbar a:hover {
  color: #000;
}

/*<-valikko loppuu->*/

/*<-loppukikkailut->*/
.naama{
  display: block;
}


a:hover, a:visited {
  color: #255784;
  background: #2DC745;
  box-shadow: 0 0 10px #2DC745, 0 0 40px #2DC745, 0 0 80px #2DC745;
  transition-delay: 1s;
}