@charset "UTF-8";
a{
  text-decoration: none;
  color: #00aeef
}
a:hover{
  padding: 5px;
  color: #fff;
  border-radius: 50px;
  background-color:#b1a541;
}
a:active{
  padding: 5px;
  color: #fff;
  border-radius: 50px;
  background-color: #2cdef0;
}
body{
  background-color:black;
  color: #fbf9ea;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div{}
h1 {
  font-size:48px;
   line-height: 1;
 }
h2 {
  font-size: 24px;
  line-height: 1;
  color: #b1a541;
}
h3 h4 h5 h6 {}
header {}
img {
  max-width: 100%;
  height: auto;
  padding-top: 5px;
  padding-left: 10px;
}
iframe {}
@keyframes slideIn {
  0% { transform: translateX(100%); }
  100% { transform: translateX(0%);}
}
link{}
li{
  display: inline;
}
ol{}
p{}
section{
  text-align: center;
}
span{}
table{}
ul{

}
video{}
.container{
  display: grid;
  grid-template-areas:
  'l t t r'
  'l m e r'
  'l s s r'
  'l s s r'
  'f f f f';
}
.current-link{
  padding: 5px;
  color: #fff;
  border-radius: 50px;
  background-color:#b1a541;
}
.hr-b{ color:#00aeef;}
.hr-y{ color:#b1a541;}
.l{
  grid-area: l;
  width: 1em;
}
.link-menu{
  animation: .5s ease-in 0s slideIn;
  padding: 5px;
  text-decoration: none;
  list-style: none;
}
.main-content{
  grid-area: main-content;
  text-align: center;
  margin-right: 5em;
}
.nav{
  padding: 5px;
  color: #fff;
  border-radius: 50px;
}
.nav:active{
  color: #fff;
  background-color: #2cdef0;
  border-radius: 50px;
}
.nav:hover{
  background-color:#b1a541;
}
.f{
  grid-area: f;
  margin: auto;
  text-align: center;
  width: 100%;
}
.r{
  grid-area: r;
  width: 0em;
}
.s{
  max-width: 500px;
  grid-area: s;
  margin: auto;
  text-align: center;
}
.t{
  grid-area: t;
  padding-top: 1em;
}
.title{
  text-align: center;
}