@font-face {
    font-family: 'Baloo Bhai 2';
    src: url('font/Baloo_Bhai_2/BalooBhai2-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 800; /* Declare the full range of supported weights */
    font-style: normal;
  }
  
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
body {
    margin: 0;
    padding: 0;
    font-family: 'Baloo Bhai 2';
    background-color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
  }
  
  h2, p, a {
    color: #ffffff;
  }
  
  a {
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  a:hover {
    text-decoration: underline;
  }


  .logo-container {
    width: 100%;
    margin-bottom: 20px;
  }

  .logo-container img {
    width: 15%;
  }

  .social-links {
    margin-top: 3em;
    width: 15%;
    display: flex;
    justify-content: space-between;
  }

  .location-link {
    margin-bottom: 20px;
  }

  .social-links .icon-container svg {
    height: 35px;
  }
  
  /* Mobile (up to 600px) */
@media (max-width: 600px) { 
    .logo-container img {
        width: 50%;
      }

    .social-links {
        width: 50%;
      }
}

/* Tablet (601px to 900px) */
@media (min-width: 601px) and (max-width: 900px) {
        .logo-container img {
        width: 30%;
      }

    .social-links {
        width: 30%;
      }
}