:root{--main-color:#FAFAFA;--dark-main-color:#EEE;--darker-main-color:#CCC;--second-color:#E53935;--copy-color:#666;--large-size:1.5rem;--negative-large-size:-1.5rem;--xl-size:2rem;--border-size:0.0625rem;--large-border-size:0.3125rem;--transition:all 375ms ease}*{box-sizing:border-box;font-family:sans-serif;line-height:1;margin:0;padding:0}h1,h2,h3,h4{font-weight:bolder;line-height:1.2;margin:1em 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:var(--large-size)}h4{font-size:1.25rem}li,p{line-height:1.5}p{margin:var(--large-size) 0}ul{margin:var(--large-size)}li{margin:.5rem 0}a{color:var(--second-color);transition:var(--transition)}a:focus,a:hover{background:var(--second-color);color:var(--main-color)}aside,blockquote{background:var(--dark-main-color);font-style:italic;line-height:1.5;margin:var(--large-size) var(--negative-large-size);padding:var(--large-size)}blockquote{border-left:var(--large-border-size) solid var(--second-color)}body{background:var(--main-color);border-bottom:var(--large-border-size) solid var(--second-color);border-top:var(--large-border-size) solid var(--second-color);color:var(--copy-color);display:grid;font-family:sans-serif;grid-template-rows:auto 1fr auto;min-height:100vh}footer div,header h1,main{margin-left:auto;margin-right:auto;max-width:32.5rem;padding:0 var(--large-size)}header{border-bottom:var(--border-size) solid var(--darker-main-color)}header h1{font-size:2.5rem}header a{color:inherit;text-decoration:none;word-spacing:-100%}header span{color:var(--second-color)}#index main a:focus,#index main a:hover,header a:focus,header a:hover{background:0 0;color:var(--second-color)}#index main a{color:inherit;text-decoration:none}footer{border-top:var(--border-size) solid var(--darker-main-color);padding:var(--large-size) 0}footer div{line-height:1.5}