@font-face{
    font-family: 'Slack';
    src:url('../fonts/Slackside_One/SlacksideOne-Regular.ttf')
}

@font-face{
    font-family: 'Choko';
    src:url('../fonts/Choko.ttf')
}


html, body {min-height: 100%;}
body {background-size: cover;}

body{
    background-image: url(../images/9owhc7wuc65b1.jpg);
    background-repeat: no-repeat;
    background-size: auto auto auto;
    background-origin: content-box
}

.glow {
    font-family: Choko;
    font-size: 80px;
    color: #fff;
    text-align: center;
    animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #f2b91c, 0 0 40px #f2b91c, 0 0 50px #f2b91c, 0 0 60px #f2b91c, 0 0 70px #f2b91c;
  }
  
  to {
    text-shadow: 0 0 25px #fff, 0 0 30px #fbd05b, 0 0 40px #fbd05b, 0 0 50px #fbd05b, 0 0 60px #fbd05b, 0 0 70px #fbd05b, 0 0 80px #fbd05b;
  }
}

#meow{
  text-align: right;
  margin-right: 5rem;
}

#meow a{
  color: white;
  text-decoration: none;
}

.sidebar {
  height: 100%; 
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5); 
  overflow-x: hidden; 
  padding-top: 60px; 
  transition: 0.5s; 
  font-family: Choko;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ffd61e;
  display: block;
  transition: 0.3s;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#explorer{
  display: flex;
  justify-content:left;
  margin-top: -100px;
   
}

#explorer img{
  width: 75px;
}