html,
body {
  background: var(--bg2);
  max-width: 100vw;
  overflow-x: hidden;

  @include Scrollbar();
}

* {
  padding: 0;
  margin: 0;
  font-weight: 600;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  // font-weight: bold;
  text-decoration: none !important;
  cursor: pointer;
}

button,
svg {
  cursor: pointer;
}

.not_found_page {
  height: 100vh;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 30px;

  .not_found_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    p {
      color: var(--value);
      font-size: 17px;
    }

    h3 {
      font-weight: 900;
    }

    .not_found_button {
      @include Flex;
      width: 240px;
      padding: 24px 22px;
      background: var(--primary);
      color: var(--white);
      border: none;
      transition: ease-in-out 0.3s;

      &:hover {
        transform: scale(1.05);
        background: var(--primary);
        color: var(--white);
      }
    }
  }
}

/* Username */
#username {
  font-size: 1vw;
}

/* Password */
#password {
  font-size: 1vw;
}

.DropDownIcon {
  .sidebar_menu_icon {
    background: transparent !important;
    color: var(--primary) !important;
  }
}

.back_button,
button {
  cursor: pointer;
  transition: 0.5s ease-in-out;
  &:hover {
    scale: 1.02;
  }
}

svg {
  cursor: pointer;
  transition: 0.5s ease-in-out;
  &:hover {
    scale: 1.1;
  }
}

.LaTeXRenderer {
  direction: ltr;
}
.ant-input,
.LaTeXInputArea,
input {
}
