// Font @font-face {

font-family: 'Merriweather';
src: url('../fonts/Merriweather-Black.ttf');

} @font-face {

font-family: 'Merriweather-Light';
src: url('../fonts/Merriweather-Light.ttf');

}

// Base html, body {

height: 100%;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, textarea, form, label, legend, table, caption, menu, nav, section, summary, time, mark, audio, video, iframe, main, header, footer {

border: 0;
margin: 0;
outline: 0 none;
padding: 0;

}

body {

-webkit-font-smoothing: antialiased;
background-color: $color-bg;
color: $color-f-secondary;
font-family: $fonts;

}

ul {

list-style-type: none;

}

a {

color: $color-f-primary;
cursor: pointer;
text-decoration: none;
transition: 0.2s;

}

::selection {

background-color: rgba(0, 147, 254, 0.2);

}

::-moz-selection {

background-color: rgba(0, 147, 254, 0.2);

}

::-webkit-selection {

background-color: rgba(0, 147, 254, 0.2);

}