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;
}