/* РОЗМІРИ ЕКРАНІВ */
    @media screen and (max-width: 1921px) {
      .menu_sidebar {
        font-size: 18px;
      }
    }

    /* --- 1366 --- */
    @media screen and (max-width: 1367px) {
      .menu_sidebar {
        font-size: 18px;
      }
    }

    /* --- 1024 --- */
    @media screen and (max-width: 1025px) {

      .menu_sidebar {
        font-size: 17px;
      }
    }

    /* --- 768 --- */
    @media screen and (max-width: 769px) {
      .menu_sidebar {
        font-size: 20px;
      }
    }

    /* --- 600 --- */
    @media screen and (max-width: 601px) {
      .menu_sidebar {
        font-size: 16px;
      }
    }

    /* --- 480 --- */
    @media screen and (max-width: 481px) {
      .menu_sidebar {
        font-size: 18px;
      }
    }

    /* -------------------------------------- */

    #Sidebar {
      /* height: fit-content;
  block-size: fit-content; */
      padding-bottom: 30px;
    }

    #Sidebar a {
      text-decoration: none;
    }

    .menu_sidebar {
      padding-left: 8px;
    }

    .menu_sidebar p {
      cursor: pointer
    }

    .a_nazva {
      color: aqua;
      padding-left: 14px;
    }

    .a_nazva:hover {
      color: #ccc;
      text-decoration: underline;
      text-decoration-color: red;
    }

    .nazva {
      font-size: 10px;
      color: #ccc;
    }


    .bar_manual {
      background-color: #006677;
      color: black;
      text-shadow: #a1ffff 0 0 4px;
      font-weight: 600;
      height: 42px;
    }

    .bar_manual .btn {
      background-color: transparent;
      color: #a1ffff;
      font-size: 24px;

    }

    .sidebar {
      padding: 16px 0;
      background-image: linear-gradient(#001122, #045);
      filter: drop-shadow(0px 8px 10px black);

    }

    .get_ip {
      color: #012 !important;
      text-shadow: white 0 0 1px;
    }