@font-face{font-family:Fredericka the Great;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/frederickathegreat/v16/9Bt33CxNwt7aOctW2xjbCstzwVKsIBVV-9Sk.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format("truetype")}@font-face{font-family:Raleway;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMPrQ.ttf) format("truetype")}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format("truetype")}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o18E.ttf) format("truetype")}.bodyText{color:#222;font-size:18px;font-family:Quicksand,sans-serif}.contentWidth{width:80%;max-width:65ch;margin:0 auto}*{box-sizing:border-box}html{height:100vh;overflow-x:hidden;background-image:url(/images/bgtexture.png);background-repeat:repeat;background-image:linear-gradient(45deg,rgba(54,131,127,.8),rgba(140,222,196,.6),rgba(245,182,116,.5),rgba(243,149,67,.4),rgba(240,118,49,.3),rgba(237,70,47,.2));background-attachment:fixed;color:#222;font-size:18px;font-family:Quicksand,sans-serif}body{display:flex;flex-direction:column;padding:0;margin:0}body>header{position:inherit}body>main{flex-grow:1}body>footer{flex-grow:0}h1,h2,h3,h4,h5,h6{margin:1rem auto}h1{font-family:Fredericka the Great;font-size:3.75rem;font-weight:400;line-height:1}h2{font-size:2.25rem}h3{font-size:1.5rem}a{color:#072332;text-decoration:underline}a:hover{color:#072332}p,ol,ul{margin:1rem}blockquote{margin:.5rem 1.5rem}.list{padding-left:1rem;margin-bottom:1rem}.list li{padding-left:.5rem}ol{padding-left:1rem;margin-bottom:1rem;list-style-type:decimal}ol li{padding-left:.5rem}ul{padding-left:1rem;margin-bottom:1rem;list-style-type:disc}ul li{padding-left:.5rem}img{display:inline-block}figure{position:relative;display:inline-block;max-width:100%;text-align:center}figure img{position:relative;display:inline-block;max-height:30rem;max-width:100%}figure caption{position:relative;width:100%;display:inline-block}article{position:relative;min-height:100vh;display:flex;flex-direction:column;width:80%;max-width:65ch;margin:0 auto}article header{position:relative;height:7rem}[data-section=writing] article header{border-bottom:1px solid black}article header h1{position:absolute;left:-20rem;right:-20rem;white-space:nowrap;line-height:1;text-align:center;padding-bottom:1rem}article main{flex-grow:1}article.writing{max-width:fit-content;min-width:fit-content}article.writing main p{white-space:nowrap}article footer{flex-grow:0;border-top:1px solid #4f1108;padding-top:1rem;padding-bottom:1rem;font-size:.8rem;max-width:65ch;line-height:1rem}article footer h2{font-weight:inherit;font-size:1.2rem}.illustration{display:inline-block;position:absolute}.illustration img{max-width:20rem;max-height:20rem}.illustration:hover{animation-timing-function:steps(1,end);animation-iteration-count:1;animation-duration:2s;animation-fill-mode:forwards}.illustration[data-illustration=bat]{top:0;left:-15rem}.illustration[data-illustration=bat]:hover{animation-name:bat}.illustration[data-illustration=whale]{bottom:-8rem;right:20rem;transform:rotate(30deg)}.illustration[data-illustration=whale]:hover{animation-name:whale;animation-timing-function:linear}.illustration[data-illustration=crow]{position:fixed;bottom:-1rem;right:-.5rem}.illustration[data-illustration=crow] img{max-width:6rem;max-height:6rem}.illustration[data-illustration=crow]:hover img{animation-iteration-count:1;animation-duration:5s;animation-fill-mode:forwards;animation-name:crow}@keyframes bat{10%{left:-13.5rem}20%{left:-12rem}30%{left:-10.5rem}40%{left:-9rem}50%{left:-7.5rem}60%{left:-6rem}70%{left:-4.5rem}80%{left:-3rem}90%{left:-1.5rem}to{left:0}0%,20%,40%,60%,80%{transform:rotate(3deg)}10%,30%,50%,70%,90%{transform:rotate(-3deg)}}@keyframes whale{10%{bottom:-7rem}20%{bottom:-6rem}30%{bottom:-5rem}40%{bottom:-4rem}50%{bottom:-3rem}60%{bottom:-2rem}70%{bottom:-1rem}80%{bottom:0}90%{bottom:1rem}to{bottom:2rem}0%,20%,40%,60%,80%{transform:rotate(30deg)}10%,30%,50%,70%,90%{transform:rotate(25deg)}}@keyframes crow{0%{max-width:6rem;max-height:6rem}to{max-width:15rem;max-height:15rem}}nav{text-align:center}nav ul{margin:0;padding:0;text-align:center;display:inline-block}[data-section]:not([data-section=""]) nav ul{width:auto}nav ul:empty{width:0}nav li{list-style-type:none;margin:0;padding:0;display:inline-block;padding:.5rem 1rem}nav li.active{font-weight:700}nav li.active a{text-decoration:none}nav#sitewide{width:100%}nav#sitewide li.active{background-color:#072332}nav#sitewide li.active a{color:#8cdec4}nav#section{width:100%}nav#section ul{padding:.5rem 2rem 1rem;background-image:linear-gradient(180deg,#072332 0%,rgba(140,222,196,.3) 40%,rgba(140,222,196,0) 100%)}nav#section ul a{color:#072332}nav#section ul:empty{padding:0}nav#homepage{display:grid;height:100vh;text-align:center;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}nav#homepage>*{position:relative;place-self:center}nav#homepage figure{border:0;padding:0;margin:0}nav#homepage figure img{max-height:15rem;max-width:15rem}nav#homepage figure:hover img{max-height:16rem;max-width:16rem}nav#homepage h1{grid-column:4/7;grid-row:4/7}nav#homepage [data-item=photography]{grid-column:3/3;grid-row:3/3}nav#homepage [data-item=writing]{grid-column:3/5;grid-row:7/9}nav#homepage [data-item=web-design]{grid-column:7/9;grid-row:4/5}