:root {
  font-size: calc(.65rem + 0.3vw + 0.3vh);
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscaled;
  &:not(strong){font-weight: 300 !important;}
}

html, body {
  width: 100%;
  height: 100%;
  float: left;
  font-family: "aBeeZee", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  p, ul {
    font-family: "aBeeZee",system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  }
}


h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: 'Crete Round'
}

ul{
  list-style: none;
  padding: 0;margin: 0;
  counter-reset: item-counter;
  li {
    list-style: none;
    padding: 0;margin: 0;
    &:before {
      content: counter(item-counter)' ';
      counter-increment: item-counter;
    }

    @each $nth, $color in $lists-map-colors {
        &:nth-child(#{$nth + 1}):before {
          color: $color; 
        }
      }
  }
}

code {
  border: 1px solid $blue;
  color: $blue;
  padding: 0.1em 0.2em;
  border-radius: 3px;
}
pre code {
  border: none;
  color: inherit;
  padding: inherit;
}

p a{
  border-bottom: 3px solid $green;
  color: #000;
  text-decoration: none;
  padding-bottom: 0.1em;
}
