body.db {
  & #main {
    /* display: flex; */

    & .sidebar {
      background-color: var(--primary-color);
      width: 15vw;
      height: 100vh;
      padding: 10px;

      & .logo-wrap {
        background-color: var(--primary-color);
        padding: 10px;
        border-radius: 10px;
      }

      & ul {
        list-style: none;
        padding: 0;
        margin: 10px 0;

        & li {
          margin-bottom: 3px;
          border-bottom: 1px solid;
          & a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 10px;
            font-weight: bold;
            font-size: 14px;
          }

          & ul {
            display: none;
            margin: 0;

            & li {
              margin-bottom: 0;
              & a {
                padding-left: 20px;
                border-radius: 0;
                color: var(--contrast-color);
                background-color: var(--primary-color);
              }
            }
          }
        }
      }
    }

    & nav {
      height: 60px;
    }
    & footer {
      height: 50px;
    }
    & .page-content {
      width: 100%;
      /* margin: 0 auto; */
      min-height: calc(100vh - 110px);
      /* padding: 20px; */
    }
  }
}
::-webkit-scrollbar {
  width: 7px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-color);
}

.font-russo {
  font-family: "Russo One", sans-serif;
}