body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
      monospace;
  }
  

  .navigation-buttons {
    border-color: #035F48;
    color: #06402B;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    transition: transform 0.1s ease-in-out, background-color 0.3s, color 0.3s;
  }
  
  .navigation-buttons:hover {
    background-color: #009B74;
    color: white;
    border-color: #035F48;
  }
  
  /* .navigation-buttons:active {
    transform: scaleX(0.99);
    transform-origin: right;
  } */
  
  .navigation-buttons.active {
    background-color: #035F48;
    color: white !important;
    border-color: #035F48;
    transform: none;
  }
  .navigation-buttons.active .world-icon {
    filter: brightness(0) invert(1);
  }
  .navigation-buttons:hover .world-icon {
    filter: brightness(0) invert(1);
  }
  .world-icon {
    height: 16px;
    width: 16px;
    transition: filter 0.3s ease;
  }

  .nav-item{
    border-radius: 16px;
    border: 1px solid var(--green, #035F48);
  }
  .navbar-nav{
    gap:12px;

  }