.custom-h2 {
  font-size: 34px;
}
.custom-h3 {
  font-size: 24px;
}
.code-container {
  background-color: #f4faff;
  color: #5d6f7a;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  white-space: revert;
}
.white-elms-content {
  padding: 30px;
  background-color: #050505;
}
.grid-ui-ux__content {
  >*+* {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid #eeeeee;
  }
}
.grid-ui-ux__menu { 
  --icon-text-size: .75em;
  max-height: 55vh;
  overflow-y: auto;
  padding-right: 10px;

   >ul>li>a {
    font-weight: 700;
  }
}

.bordered-content {
  padding: 30px; 
  border: 2px solid #f6f6f6; 
  background-color:#ffffff;
}

@media screen and (max-width: 1079px) {
  .grid-ui-ux__content {
    border-top: 2px solid #eeeeee;
    padding-top: 40px;
    margin-top: 40px;
  }
}

@media screen and (min-width: 1080px) {
  .grid-ui-ux {
    display: grid;
    grid-template-columns: 1fr 4fr;
    align-items: start;

    >* {
      position: sticky;
      top: 150px;
    }
  }

  .grid-ui-ux__content {
    border-left: 2px solid #eeeeee;
    padding-left: 40px;
    margin-left: 40px;
  }
}