*,*:before,*:after{box-sizing:border-box}body{margin:0}.back{max-width:var(--max-width);margin:20px auto 0;padding:0 var(--padding-normal)}:root{--primary-colour: #D5BF86;--primary-colour-light: #F1F0CC;--primary-colour-dark: #8D775F;--secondary-colour: #A71D31;--secondary-colour-dark: #3F0D12;--link-color: var(--secondary-colour);--padding-normal: 20px;--max-width: 1440px}body{font-family:"Georgia", sans-serif}a{text-decoration:none;color:#a71d31}p{line-height:1.6}.no-wrap{white-space:nowrap}.flex-align-center{display:flex;align-items:center}.margin-top{margin-top:80px !important}.margin-bottom{margin-bottom:80px !important}.js-slide-in{opacity:0}.js-slide-in--show{animation:scroll-fade-slide 500ms;animation-fill-mode:forwards}@keyframes scroll-fade-slide{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.header{--middle-padding: 40px;border-bottom:1px solid lightgray;padding:10px 20px}@media only screen and (min-width: 768px){.header{--middle-padding: 80px}}.header__container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:var(--max-width);margin:auto}.header__title-container{display:flex;flex-direction:column;width:100vw;text-align:center}@media only screen and (min-width: 600px){.header__title-container{text-align:left;width:initial}}.header__image{--size: 100px;width:var(--size);height:var(--size);background-color:slategray;border-radius:5px;margin-right:30px;background-position:center center;background-size:cover}.header__title{font-family:"Georgia";font-weight:normal;font-size:20px;color:black;margin:0 0 5px}@media only screen and (min-width: 768px){.header__title{font-size:40px}}@media only screen and (min-width: 340px){.header__title{font-size:32px}}.header__subtitle{font-family:"Courier New";font-size:16px;text-align:center;border:1px solid #A71D31;color:#A71D31;padding:2px 8px;margin:0 auto}@media only screen and (min-width: 600px){.header__subtitle{margin-right:initial;text-align:left}}.header-splash{--middle-padding: 40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:100vh}@media only screen and (min-width: 768px){.header-splash{--middle-padding: 80px}}.header-splash__title-container{height:100px;display:flex;flex-direction:column;justify-content:center;width:100vw;text-align:center}@media only screen and (min-width: 687px){.header-splash__title-container{padding-right:var(--middle-padding);border-right:1px solid slategray;width:initial}}.header-splash__image{--size: 100px;width:var(--size);height:var(--size);background-color:slategray;border-radius:5px;margin-right:30px;background-position:center center;background-size:cover}.header-splash__title{font-family:"Georgia";font-weight:normal;font-size:28px;margin:0 0 30px;color:black;animation:fade-slide 500ms;animation-iteration-count:1}@media only screen and (min-width: 340px){.header-splash__title{font-size:32px}}@media only screen and (min-width: 768px){.header-splash__title{font-size:50px}}.header-splash__subtitle{font-family:"Courier New";font-size:20px;margin-bottom:5px;text-align:center;margin-right:auto;margin-left:auto;border:1px solid #A71D31;color:#A71D31;padding:2px 8px;opacity:0;animation:fade-slide 500ms;animation-delay:100ms;animation-iteration-count:1;animation-fill-mode:forwards}@media only screen and (min-width: 687px){.header-splash__subtitle{margin-right:initial}}.header-splash__nav{align-self:flex-start}@media only screen and (min-width: 687px){.header-splash__nav{width:initial;margin:0 0 0 var(--middle-padding);align-self:initial}}.header-splash__nav-list{padding:0;list-style-type:none;text-align:center}.header-splash__nav-item{font-family:"Georgia", sans-serif;font-size:20px;font-weight:100}.header-splash__nav-item:not(:last-child){margin-bottom:10px}.header-splash__down-chevron{position:absolute;left:50vw;top:calc(100vh - 100px);color:#EEE;transform:translateX(-50%);opacity:0;animation:fadein 2s;animation-delay:2s;animation-iteration-count:1;animation-fill-mode:forwards}.header-splash__down-chevron>svg{width:70px;height:60px}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fade-slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media only screen and (min-width: 687px){.nav{align-self:flex-start;margin-left:auto;align-self:initial}}.nav__list{padding:0;list-style-type:none;text-align:center;display:flex;gap:20px}.nav__item{font-family:"Georgia", sans-serif;font-size:20px;font-weight:100;position:relative}@media only screen and (min-width: 687px){.nav__item{font-size:24px}}.nav__item--active:after{content:'';position:absolute;height:1px;width:20px;background-color:#a71d31;left:50%;bottom:-5px;transform:translateX(-50%)}.nav--full{align-self:flex-start}@media only screen and (min-width: 687px){.nav--full{width:initial;margin:0 0 0 var(--middle-padding);align-self:initial}}.nav--full .nav__list{flex-direction:column;padding:0;list-style-type:none;text-align:center}.nav--full .nav__item{font-family:"Georgia", sans-serif;font-size:20px;font-weight:100}.nav--full .nav__item:not(:last-child){margin-bottom:20px}.footer{background-color:var(--primary-colour-dark);padding:var(--padding-normal);color:white}.footer p{margin-bottom:0;margin-top:0}.footer a{color:var(--primary-colour-light)}.footer__wrap{max-width:var(--max-width);margin:auto}.footer__copy{display:flex;justify-content:space-between;margin-top:50px}.footer__attribution{display:flex;align-items:center;justify-content:flex-end}.footer__attribution-icon{margin-right:10px}.about-me{margin-top:100px}.about-me__portrait{height:250px;width:100%;display:flex;align-items:center;justify-content:center}.about-me__portrait>img{height:100%;border-radius:10px}@media only screen and (min-width: 768px){.about-me__portrait{justify-content:flex-end}}@media only screen and (min-width: 500px){.about-me__bio>p{width:70%;margin-top:0;margin-bottom:0}.about-me__bio>p:not(:last-child){margin-bottom:10px}}.skills-list{list-style-type:none;margin:80px auto;padding:0;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;max-width:var(--max-width);padding:0 20px}.skills-list--left{justify-content:flex-start}.skill{display:flex;box-shadow:3px 3px 5px rgba(0,0,0,0.2);padding:20px 20px 0;flex-direction:column;min-width:300px}.skill__header{display:flex;align-items:center;gap:15px}.skill__icon{display:inline-block;width:64px;height:64px;font-size:64px;color:#D5BF86;margin-right:10px}.skill__title{margin:0;color:#3F0D12;line-height:1}.skill__level{font-family:"Tahoma", sans-serif;font-size:12px;background-color:#F1F0CC;padding:2px 15px 3px;margin:0 0 0 auto;border-radius:20px 20px 0 0;text-align:center}.projects{list-style-type:none;padding:0;margin:0}.project{margin:40px 0}.project__image-container{max-width:600px;margin:auto}.project__image{width:100%}.project__title{text-align:center}.project__tech-list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:0;gap:10px;max-width:600px;margin:0 auto}.project__tech-item{font-size:14px;color:white;background-color:#a71d31;padding:1px 4px;border-radius:5px}.project__content{max-width:800px;padding:0 var(--padding-normal);margin:40px auto}.article-fixed{padding:0 var(--padding-normal);max-width:var(--max-width);margin:80px auto}@media only screen and (min-width: 768px){.article-fixed{margin:120px auto}}.article-fixed__header{display:flex;flex-direction:column;font-weight:normal;font-size:34px;align-items:center;margin-bottom:60px}.article-fixed__header:after{content:'';display:block;width:50px;height:1px;margin-top:20px;background-color:#8D775F}.split-block{display:flex;gap:var(--padding-normal);flex-wrap:wrap}.split-block--v-align .split-block__left,.split-block--v-align .split-block__right{display:flex;flex-direction:column;justify-content:center}.split-block__left,.split-block__right{flex:1 0 calc(50% - var(--padding-normal) / 2)}.page{display:flex;flex-direction:column;min-height:100vh}.page .footer{margin-top:auto}.skills-main{max-width:var(--max-width);margin:auto}@media only screen and (min-width: 730px){.skills-main{padding:0 var(--padding-normal)}}.skills-main__content{padding:0 var(--padding-normal);order:-1}@media only screen and (min-width: 700px){.skills-main__content{margin-top:100px;padding:0 0 0 10%}}