html{

font-family: $font;
font-size: $font-size;
color: $text;
line-height: $line-height;
font-weight: $normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-moz-font-feature-settings: "liga" on;

}

p{

margin-bottom: 1.3em;

}

h1, h2, h3, h4 {

margin: 1.414em 0 0.5em;
line-height: 1.35;
color: $text-dark;
font-weight: $normal;

}

h5,h6 {

margin: 1.414em 0 0.5em;
line-height: 1.4;
color: $text;
font-weight: $normal;

}

h1 {

margin-top: 0;
font-size: 2.074em;

}

h2{

font-size: 1.728em;

}

h3 {

font-size: 1.44em;

}

h4 {

font-size: 1.2em;

}

small,h6 {

      font-size: 0.833em;
margin: 0.25em 0;

}

pre{

font-family: monospace, monospace;
font-size: 0.85rem;
color: $text-dark;
width: min-content;
background: $background-alt;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
padding: 8pt 16pt;
width: 100%;
//max-width: 85%; // Remove later
overflow: auto;
border: 1px solid $line;

}

a{

outline: 0;
text-decoration: none;
transition: 0.7s;
color: inherit;

}

.link{

 color: $primary;
text-decoration: underline;
@include desktop{
    &:hover{
      color: $primary-dark;
    }
}

}