@media screen and (max-width: 576px) {
    .container-main {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .left-section {
      max-height: 10vh !important;
      width: 100% !important;
    }
    .mode {
      top: 10px;
      right: 13px !important;
    }
    .bar {
      background-color: transparent !important;
      box-shadow: none !important;
    }
    .mode_icon,
    #menu {
      box-shadow: 1px 1px 5px var(--background-dark);
    }
    #pagesImage {
      max-width: 100%;
    }
  }