div.author_pic{height:200px}img{max-width:100%;height:auto;padding:5px}header h1{margin-top:65%;text-align:center;font-family:BebasNeue2018,serif;font-size:4rem;color:#2f2f2f;text-shadow:1px 1px gray}header nav{font-family:serif;font-size:1.5rem;font-weight:700;text-transform:uppercase}header nav ul li{margin:.5em 0}main{font-size:1rem;line-height:2em}main h2{text-align:center;font-family:BebasNeue2018,serif;font-size:2rem;color:#2f2f2f}main p{margin:2em 0}#bgvideo{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;z-index:-1}#pageList{width:80%;margin:auto;padding:20px;background:#22c1c3;background:linear-gradient(0deg,rgba(34,193,195,.5) 0%,rgba(253,187,45,.5) 100%);border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px;text-align:center;font-family:Arial,sans-serif}#pageList h1{font-size:3em;font-family:bookman,urw bookman l,serif;font-style:oblique;margin:2em 0}footer{max-height:2em}@font-face{font-family:bebasneue2018;src:url(../fonts/BebasNeue-Regular.woff2)format('woff2'),url(../fonts/BebasNeue-Regular.woff)format('woff')}@media screen and (max-width:500px){nav{flex:1;order:1}div.author_pic{height:0}div.author_pic img{display:none}header{max-height:6em;position:sticky;top:0;padding-bottom:.5em}header h1{margin-top:0;padding-top:0;text-align:left;font-size:2em}header nav{font-size:.9em}header nav ul li{display:inline}#inner-flex-container{width:100%;flex:1}}