@use "./variables" as v;
@use "./other/nav";

$cl: #cacaca;
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scrollbar-color: v.$pm1 v.$px2;
  scrollbar-width: thin;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
body {
  font-family: v.$defonts;
  background: v.$bg;
  color: $cl;
  padding: 0;
  margin: 0;
}

main {
  margin: 0 auto;
  padding: 1.5rem;
  max-width: 800px;
}

button,
.btn,
[role="button"] {
  cursor: pointer;
  border: none;
  outline: none;
}
p,
li,
h1,
h2,
h3,
h4,
h5,
pre {
  line-height: 1.5;
}
p,
li {
  text-align: justify;
  text-align-last: left;
}
li {
  margin-top: 0.5rem;
}

.center {
  text-align: center;
  text-align-last: center;
}

pre {
  font-size: 0.8rem;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  white-space: pre;
  overflow: auto;
  scrollbar-width: thin;
  background-color: v.$pm2;
  padding: 20px;
}
