::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #2a4872;
    background: linear-gradient(180deg, #315e9e, #2a3647);
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #3971c0, #293d58);
    cursor: pointer;
  }

  .rotate-message {
    display: none;
    font-size: clamp(1rem, 0.446rem + 2.768vw, 2.938rem);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0.5em 0;
}

h2 {
    font-size: clamp(2.375rem, 1.964rem + 2.054vw, 3.813rem);
    font-weight: bold;
}

h3 {
    font-size: 2em;
}

h4 {
    font-size: 1.5em;
}

#contentContainer {
  padding: 3em 1em;
}

.titleSelection {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.text {
    margin-top: 2px;
    margin-left: 116px;
    margin-right: 10%;
} 

/* .h-pointer {
    margin-top: 55px;
} */

@media (1010px < width) {
  .menu-nav-item {
      flex-direction: row;
      gap: 0.5em;
      /* padding: 0.5em var(--spacing-left); */
      padding: 1.7em var(--spacing-left) !important;
      border-radius: unset;
      justify-content: unset;
  }
}

@media(max-width: 350px) {
  .menu-nav-item {
      scale: 0.95;
  }
}
  

@media(max-width: 1010px) {

    #menuContainer{
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 10;
    }

    #contentContainer {
        padding: 0;
      }

      .text {
        margin-top: 4%;
        margin-left: 4%;
        margin-right: 2%;
        padding-bottom: 100px;
      }
  }

  @media (max-height: 500px) and (max-width: 945px) and (orientation: landscape) {

    main {
        display: none;
    }
    .rotate-message {
        height: 70vh;
        color: rgba(41, 171, 226, 1);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: clamp(1rem, 0.446rem + 2.768vw, 2.938rem);
        padding: 20px;
    }
}

@media (max-height: 500px) and (max-width: 945px) and (orientation: portrait) {
    main {
        display: block;
    }
    .rotate-message {
        display: none;
    }
}

@media (height < 600px) and (1010px < width) {
  .menu-nav-item {
      padding: 0 var(--spacing-left) !important;
  }
}