html {

overflow-y: scroll;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #fff;
padding: 0;
margin: 0;
font-size: 15px;
line-height: 30px;

}

*, *:before, *:after {

font-family: inherit;
font-size: inherit;
line-height: inherit;
text-rendering: inherit;
box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
padding: 0;
margin: 0;
color: inherit;
background-color: inherit;
word-wrap: inherit

}

header, nav, main, aside, footer, section, figure, img, figcaption {

display: block;

}

body {

min-height: 100vh;

font-family: sans-serif;
color: #000;

word-break: normal;

text-rendering: optimizeLegibility;
-moz-font-feature-settings: "liga"on, "pnum"on;
font-feature-settings: "liga"on, "pnum"on;
text-shadow: rgba(0, 0, 0, .2) 0 0 1px;

}

@mixin status-size($size) {

.size::after {
  content: " ("$size ") ";
}

}

a {

text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid orange;
word-wrap: break-word;

}

a:hover, a:focus {

background-color: red;
background-image: linear-gradient(to right, orange, red);
background: red;
background: linear-gradient(to right, orange, red);
color: #fff;
text-shadow: rgba(255, 255, 255, .2) 0 0 1px;

}