@font-face {
    font-family: 'SourGummy';
    src: url('../font/SourGummy-Regular.ttf');
}
* {
    font-family: 'SourGummy', sans-serif;
  }
.navbar-brand img {
    width: 80px;
  }
  .navbar-nav {
    align-items: center;
  }
  .navbar .navbar-nav .nav-link {
    color: #E1BC29;
    font-size: 1.4em;
    padding: 0.5em 1em;
  }
  @media screen and (min-width: 768px) {
    .navbar-brand img {
      width: 100px;
    }
    .navbar-brand {
      margin-right: 0;
      padding: 0 1em;
    }
  }



  body {
    margin: 0;
    height: 100vh;
    overflow: hidden;
  }
  
  .parallax {
    height: 100vh;
    background-image: url('../img/parallax.png');
    background-attachment: fixed;
    background-size: cover;
  }
  
 
  
  .zooazul{
    color: #4D9DE0;
  }
  .zoorojo{
    color: #E15554;
  }
  .zooamarillo{
    color: #E1BC29; 
  }
  .zooverde{
    color: #3BB273;
  }
  .zoomorado{
    color: #7768AE;
  }
  .bg-zooazul{
    background-color: #4D9DE0;
  }
  .bg-zoorojo{
    background-color: #E15554;
  }
  .bg-zooamarillo{
    background-color: #E1BC29; 
  }
  .bg-zooverde{
    background-color: #3BB273;
  }
  .bg-zoomorado{
    background-color: #7768AE;
  }