@import "./kit/kit-main.css";
@import "./pages/main.css";

* {
  box-sizing: border-box;
}

html {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--grey-1);
  font-size: var(--base-font-size);
  font-weight: var(--font-weight-400);
  font-family: var(--font-family);
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  html,
  body {
    font-size: var(--base-font-size) !important;
  }
}

body {
  position: relative;
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  background-color: var(--white);
}

h1,
h2,
h3,
h5,
h6,
p {
  font-family: var(--font-family);
}

input,
select,
textarea {
  font-family: var(--font-family);
}

th,
td {
  font-family: var(--font-family);
}

a {
  font-family: var(--font-family);
  text-decoration: none;
  color: var(--grey-1);
  cursor: pointer;
}

button {
  font-family: var(--font-family);
  border-radius: 6px;
  cursor: pointer;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Quill Editor */
.ql-toolbar {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#editor {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}