*,
*::after,
&::before {
   border-box: box-sizing;
 }

html,
body {
  -webkit-text-size-adjust: 100%;
  color: var(--neutral-500);
  font-family: var(--font-ui);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1f4160;
  font-family: 'SF UI Display', -apple-system, BlinkMacSystemFont, 'Segoe UI',
  Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
  'Segoe UI Symbol';
}

tt,
code,
kbd,
samp {
  font-family: var(--font-mono);
  font-weight: 500;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

li, p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -.05px;
}




h1 {
    font-size: 36px;
    line-height: 1.22222;
}

h2 {
    font-size: 28px;
    line-height: 28px;
}

h3 {
    font-size: 24px;
    line-height: 24px;
}

.list {
    list-style-type: disc;
    margin-left: 1.1em;
}

.list li {
    margin-top: .2em;
    margin-bottom: .2em;
}

.code, code {
    font-family: SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;
    background-color: #f1fbfc;
    -webkit-box-shadow: 0 0 0 1px #d2eef3;
    box-shadow: 0 0 0 1px #d2eef3;
    color: #007489;
    border-radius: 2px;
    font-size: 90%;
    font-weight: 500;
    padding: 2px 4px;
}

pre > code {
    display: block;
    background-color: #1e3952;
    color: 'white'
}