html {
  -webkit-touch-callout: none;
  scroll-behavior: smooth;
  touch-action: pan-y;
}
html::-webkit-scrollbar {
  width: 1vw;
}
html::-webkit-scrollbar-thumb {
  background-color: #08c;
}
html::-webkit-scrollbar-track {
  background-color: #282c34;
}
nav {
  position: relative;
  z-index: 1;
}
nav ul {
  position: fixed;
  min-width: 100vw;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #282c34;
  font-size: calc(10px + 1vmin);
}

nav li {
  float: left;
}

nav li a {
  font-size: calc(10px + 1vmin);
  display: block;
  color: #fcfcfc;
  text-align: center;
  padding: calc((5vh - 2vh) / 2) calc(1vw + 1vmin);
  text-decoration: none;
}

nav li a:hover {
  background-color: #08c;
}
div.tag-input{
  border: none;
}

tags{
  width: 100%;
  color: #ffc300;
  border: none;
  font-size: calc(10px + 1vmin);
}
.tagify:not(.tagify--){
  --placeholder-color: #ffc300;
  --placeholder-color-focus: #ffc300;
  --tags-border-color: #F1F1F1;
  --tags-hover-border-color: #F1F1F1;
  --tags-focus-border-color: #F1F1F1;
  --tag-border-radius: 30px;
}
/*https://github.com/yairEO/tagify/blob/master/src/tagify.scss*/
label {
  float: left;
}
body {
  -webkit-touch-callout: none;
  background-color: #282c34;
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
input[type='file'] {
  opacity:0;
  display: none;
}
img {
  pointer-events: none;
}
a {
  color: inherit;
  text-decoration: none;
}

hr {
  height: 0px;
  background-color: #333842;
  border: none;
}

* {
  box-sizing: border-box;
}

.ql-container.ql-bubble {
  position: inherit;
  font-size: calc(10px + 1.5vmin);
  color: #fcfcfc;
  background: #282c34;
  border: 0 solid #282c34;
}

.ql-container.ql-snow {
  font-size: calc(10px + 1.5vmin);
  color: #fcfcfc;
  background: #282c34;
  min-height: 62vh;
  border: 0 solid #282c34 !important;
  height: 150px;
}

.ql-editor::-webkit-scrollbar {
  width: 1vw;
}
.ql-editor::-webkit-scrollbar-thumb {
  background-color: #08c;
}
.ql-editor::-webkit-scrollbar-track {
  background-color: #ccc;
}

.quill > .ql-container > .ql-editor.ql-blank::before {
  color: gray;
}

.ql-toolbar {
  border: none !important;
  background: none !important;
  width: 100% !important;
}
.ql-fill {
  fill: #ffc300 !important;
}

.ql-picker {
  color: #ffc300 !important;
}
.ql-picker-options {
  background-color: #282c34 !important;
}
.ql-picker-label:hover,
.ql-picker-item:hover,
.ql-picker-label.ql-active,
.ql-picker-item.ql-selected {
  color: #ffc300 !important;
}
.ql-picker.ql-expanded .ql-picker-label {
  border-color: #fcfcfc !important;
}

.ql-stroke {
  stroke: #ffc300 !important;
}

.ql-editor a {
  color: #ffc300;
  text-decoration: none !important;
}

.ql-clipboard {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
  body {
    color: white;
    background: black;
  }
}
@media only screen and (max-width: 768px) {
  hr {
    height: 1px;
  }
}