@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i,600,600i&subset=latin-ext');

* { font-family:'IBM Plex Mono', monospace; padding:0; margin:0; outline:none; }
body { padding:70px; font-weight:400; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; padding-right:15%; }

p { font-size:50px; margin-bottom:40px; line-height:1.2; }
p small { font-size:30px; }
a { text-decoration:none; border-bottom:3px solid rgba(0, 0, 255, .3); }
a:hover { border-bottom-color:rgba(255, 0, 0, .3); color:red; }
b { font-weight:600; }

body.night { background:#21252b; color:#abb2bf; }
body.night a { color:#568af2; }
body.night a:hover { color:rgb(224, 108, 117); border-bottom-color:rgba(224, 108, 117, .3); }

*::-moz-selection { color:#fff; background:rgb(224, 108, 117); }
*::selection { color:#fff; background:rgb(224, 108, 117); }

@media(max-width:900px) {
    body { padding:20px; }
    p { font-size:20px; margin-bottom:25px; }
    p small { font-size:17px; }
    a { border-bottom-width:2px; }
}