:root{--fore-color:#111;--secondary-fore-color:#444;--back-color:#f8f8f8;--secondary-back-color:#f0f0f0;--blockquote-color:#f57c00;--pre-color:#1565c0;--border-color:#aaa;--secondary-border-color:#ddd;--heading-ratio:1.19;--universal-margin:.5rem;--universal-padding:.5rem;--universal-border-radius:.125rem;--a-link-color:#0277bd;--a-visited-color:#01579b;--header-back-color:#f8f8f8;--header-hover-back-color:#f0f0f0;--header-fore-color:#444;--header-border-color:#ddd;--nav-back-color:#f8f8f8;--nav-hover-back-color:#f0f0f0;--nav-fore-color:#444;--nav-border-color:#ddd;--nav-link-color:#0277bd;--footer-fore-color:#444;--footer-back-color:#f8f8f8;--footer-border-color:#ddd;--footer-link-color:#0277bd;--drawer-back-color:#f8f8f8;--drawer-hover-back-color:#f0f0f0;--drawer-border-color:#ddd;--drawer-close-color:#444;--card-border-color:rgba(255,255,255,0);}body{width:80%;margin:auto;}header{position:fixed;top:0;left:0;right:0;height:3.3rem;padding:0 2rem;display:block;z-index:200;}header>.nav-menu{z-index:199;position:fixed;top:0;right:1rem;}header>.nav-menu>a.button{background:transparent;}.logo{font-family:"Roboto Slab",serif;font-weight:600;}.logo>img{transform:translate(0,.2em);height:1.7rem;}section{margin-top:1.7rem;margin-bottom:2rem;}section#contact{text-decoration:none;}section.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0 3rem 0;text-align:center;background-color:var(--secondary-back-color);background-image:url("/static/images/containers-500.jpg");background-blend-mode:overlay;background-size:cover;background-repeat:no-repeat;background-position:center;}section.hero h1{text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:900;font-size:3rem;}.text-outlined{-webkit-text-stroke:.08rem var(--fore-color);-webkit-text-fill-color:rgba(0,0,0,0);-moz-text-stroke:.08rem var(--fore-color);-moz-text-fill-color:rgba(0,0,0,0);}h2{font-family:Poppins,sans-serif;font-weight:600;font-size:1.6rem;}footer{font-family:"Roboto Slab",serif;font-weight:500;}a.double-padded{padding:calc(1.5 * var(--universal-padding))}a.contact-link:hover{background-color:var(--header-hover-back-color)}@media (max-width:812px){header{height:6rem}header .nav-menu{top:2.3rem}section.hero{padding-top:7rem}}