header{display:flex;flex-direction:column;min-height:100svh;text-align:right}section{max-width:100%;min-height:100lvh;outline:none;padding:0 5%;position:relative}.section-title{background-attachment:fixed;background-image:var(--background-image,url("../images/themes/london.jpg"));background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:1rem;position:absolute;text-align:center;transform:rotate(-90deg) translateX(-100%);transform-origin:0 0;transition:background-image 2s;width:85lvh;--padding:7.5lvh;top:calc(var(--padding) - 1rem)}.section-title .title{color:#fff;font-family:Permanent marker,cursive;font-size:20lvh;line-height:1;mix-blend-mode:multiply}@supports not (mix-blend-mode:multiply){.section-title .title{opacity:.5}}section .container{box-sizing:border-box;min-height:100lvh;padding:7.5lvh 5% 7.5lvh calc(20lvh + 5lvw + 2rem)}header #header-background{animation-delay:1s;animation-duration:.5s;animation-fill-mode:both;animation-name:shrink-header;background-color:rgba(255,0,0,.1);display:flex;flex-direction:column;position:relative;text-align:center;transition:background-image 1s;transition:background-color 2s}@keyframes shrink-header{0%{min-height:100svh}to{min-height:94svh}}header .theme-duration-bar:after{animation-duration:30s;animation-fill-mode:forwards;animation-name:stretchRight;animation-timing-function:linear;border-bottom:.5rem solid var(--colour,red);bottom:0;content:"";left:0;position:absolute}@keyframes stretchRight{0%{width:0}to{width:100%}}header #navbar{animation-delay:.5s;animation-duration:1s;animation-fill-mode:both;animation-name:navbar-appear}@keyframes navbar-appear{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}header #header-content{align-items:center;display:flex;flex-flow:column nowrap;flex-grow:1;justify-content:space-around;width:100%}header .header-greeting{animation-delay:1.5s;animation-duration:1s;animation-fill-mode:both;animation-name:fade-in;color:#fff;font-family:Permanent Marker,cursive;font-size:10vw;padding:0 1rem;text-shadow:#000 2px 2px 2px}header #image-location{background-color:#fff;flex-grow:1;font-family:Mr Dafoe,cursive;font-size:3svh;height:0;overflow:hidden;padding-right:2rem}section#about{background-color:#fafafa;background-image:url(../images/backgrounds/brick-wall.png)}section#work{background-color:#fff}section#work #work-list.row-layout .work-item:nth-child(2n) .work-item-details{order:1}section#work .work-item{display:flex;flex-wrap:wrap;margin:30px 0;padding:30px 0;position:relative;text-align:center}@media only screen and (min-width:700px){section#work .work-item{margin-bottom:60px;margin-top:60px}}section#work .work-item>*{z-index:2}section#work .work-item:first-child{margin-top:0}@media only screen and (max-width:699px){section#work .work-item:first-child{padding-top:0}}section#work .work-item:nth-child(2n){margin-right:-9.5vw;padding-right:9.5vw}section#work .work-item:nth-child(2n):after,section#work .work-item:nth-child(2n):before{background:inherit;content:"";display:block;height:50%;left:0;position:absolute;right:0;z-index:1}section#work .work-item:nth-child(4n-2):before{top:0;transform:skewY(-2deg);transform-origin:0}section#work .work-item:nth-child(4n-2):after{bottom:0;transform:skewY(2deg);transform-origin:0 100%}section#work .work-item:nth-child(4n):before{top:0;transform:skewY(2deg);transform-origin:100% 0}section#work .work-item:nth-child(4n):after{bottom:0;transform:skewY(-2deg);transform-origin:100%}section#work .work-item>div{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:240px;padding:0 5%;width:40%}section#work .work-item .work-item-details p{margin-top:0;text-align:center}section#work .work-item .work-item-extra .link-list{display:flex;flex-wrap:wrap;justify-content:center}section#work .work-item .work-item-extra .link-list a{display:block;width:-moz-min-content;width:min-content}section#work .work-item figure{max-height:200px;max-width:400px;width:100%}section#work .work-item figure img{height:auto;max-height:200px;max-width:100%;width:auto}section#contact{background-color:#252525;background-image:url(../images/backgrounds/notebook.png)}section#contact p{color:#fff;font-family:Yellowtail,cursive;text-align:left}section#contact a,section#contact p{font-size:2rem}section#contact .logo-font{font-size:3.5rem}@media (hover:none){.section-title{background-attachment:scroll}}.theme-duration-bar:after{border-color:var(--colour);transition:all .4s}@media only screen and (min-width:700px){header .header-greeting{text-shadow:#000 4px 4px 4px}section#contact a,section#contact p{font-size:4rem}section#contact .logo-font{font-size:6rem}}@media only screen and (min-width:1700px){a,li,p{font-size:2rem}footer h3{font-size:2.5rem}}@media only screen and (max-width:800px),only screen and (orientation:portrait){.section-title{background-position:50%;position:relative;top:0;transform:none;width:calc(100% - 2rem)}.section-title .title{font-size:20vw}section{min-height:unset;overflow:hidden;padding:3rem 5%}section .container{min-height:0;padding:0}h1{margin:2rem 0}section#work .work-item:nth-child(2n){margin-left:-9.5vw;padding-left:9.5vw}}@media only screen and (orientation:portrait){header .header-greeting{font-size:13vw}}