/* Move down content because we have a fixed navbar that is 3.5rem tall */
@import url("https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap");

.silkscreen-regular {
  font-family: "Silkscreen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.silkscreen-bold {
  font-family: "Silkscreen", sans-serif;
  font-weight: 700;
  font-style: normal;
}


body {
  padding-top:0;
  background-color: #040505;
}
.main-video {
  width: 50%;
}


@media screen and (max-width:480px) {
  .navbar-brand {
    font-size: 3rem !important;
  }
  .nav-link {
    font-size: 0.75rem !important;
  }

  .main-video {
    width: 90%;
  }

  .jumbotron {
    background-color: #1d2124;
  }
}

@media screen and (min-width:481px) {
  .jumbotron {
    background-color: #1d2124;
  }
  .main-video {
    width: 70%;
  }
}


.nav a{
  color: #5a6268;
  font-family: 'Silkscreen', sans-serif;
}
.nav a:hover{
  color: green;
}
.nav .active{
  color: black;
 }

.display-1{
  font-size: 4rem;
}



.snakeimg {
  width: 50%;
}
.navbar-brand{
  font-family: "Cambria Math";
}

#navbar-desktop{
   background-image: linear-gradient(to top, #caff9f, #e4ffad);
  background-color: #EEFFE2;
}

#headerbar {
  height: 20%;
  min-height: 200px;
  min-width: 1000px;

}

#navbar-mobile{
  background-image: linear-gradient(to top, #caff9f, #e4ffad);
  background-color: #F3FBEC;
  top:0;
  width: 100%;
  border-style:solid;
  border-width: 10px;
  border-color: #0b2e13;
}

.blog-post {
  margin-bottom: 4rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

#blog-body{
  color: white;
}

.navSideImage {
}

.footer {
  background-color: goldenrod;
  font-family: "Courier New", Courier, monospace;
  font-weight: bolder;
  color: black;
}