body {
  background-color: #c9c9c9;}
h1 {
  font-size: 10em;
      font-family: 'VT323', monospace;
  color: #404C66;
  text-align: right;
}
.banner {
  width: 50%;
     display: block;
     margin-left: auto;
     margin-right: 1em;
    
}
#menu {
  margin-top: 6em;
  margin-left: 12em;
}
img {
  width: 75%;
     display: block;
     margin-left: auto;
}
h2 {
      font-family: 'VT323', monospace;
  color: #454955;
  text-align: left;
  font-size: 4em;
  margin-top: 1em;
  padding-right: 1em;}
h3 {
  font-family: 'VT323', monospace;
  color: #ffffff;
  text-align: left;
  font-size: 4em;
  margin-top: 1em;
  padding-right: 1em;}
a{
  color: #ffffff;
  text-decoration: underline dotted red;
}
a:hover {
  background-color: #002fa7;
  color: #ffffff;
  

}
a.nav{
  color: #ffffff;
  text-decoration: none;
   background-color: #c9c9c9;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: .5em;
  padding-right: 14em;
  padding-left: 1em;
  margin-left: -1em;
}
a.nav:hover {
  background-color: #002fa7;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: .5em;
  padding-right: 14em;
  padding-left: 1em;
  margin-left: -1em;

}

a.butn{
  color: #ffffff;
  text-decoration: none;
}
a.butn:hover {
  background-color: #c9c9c9;
  color: #ffffff;
  

}

#material-icons {
       display: grid;
}
#footer
{align: center;}