*{margin:0;padding:0}:root{--media:1280px;--large:1160px;--medium:960px;--small:760px;--blue:#05f}body{font:12pt arial;line-height:1.5em;color:#333}h1,h2,h3,h4{font-family:consolas}a{text-decoration:none;color:var(--blue);border-bottom:1px solid var(--blue);padding:1px}.container{width:95%;margin:0 auto}.xlarge{width:var(--media)}.large{width:var(--large)}.medium{width:var(--medium)}.small{width:var(--small)}#header{display:flex;padding:2em 0 1em}#header-logo{flex:1}#header-logo span{color:var(--blue)}#header-nav{text-align:right;flex:1;text-transform:uppercase;font-weight:700}#header-nav a{margin-left:1em;text-align:center;padding:0 .5em;border:0;color:#333;transition-duration:.5s}#header-nav a:hover{color:var(--blue);padding-left:calc(.5em - 400px)}#header-nav a::before{content:'';border-right:10px solid var(--blue);margin-right:.5em;transition-duration:.5s}#header-nav a:hover::before{border-right-width:20px}#content{}#content p{margin-bottom:2em}@media screen and (max-width:768px){}