@media only screen and (max-width:600px){.hide-at-mobile{display:none}.intro-name{font-size:4em!important}}@media only screen and (max-width:1416px){.timeline{margin:0 1em 2em!important}}@media (prefers-color-scheme:dark){body{background-color:#0c0c00;color:#fff}.intro{background:linear-gradient(to bottom,red 0,rgba(255,255,255,0) 60%),linear-gradient(45deg,#a90329 0,#8f0222 44%,#6d0019 100%)!important}.timeline::before{background-image:linear-gradient(180deg,#a90329 0,red calc(50% + 5em),red calc(100% - 10em),#0c0c00)!important}}body{margin:0;padding:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}a[class^=icon-]{color:#fff;text-decoration:none}a[class^=icon-]:hover{color:#000;text-decoration:none}.intro{color:#fff;height:75vh;background-color:red;background:linear-gradient(to bottom,red 0,rgba(255,255,255,0) 40%),linear-gradient(45deg,#f70404 0,#c40303 44%,#c40003 100%);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;position:relative}h1{font-size:1em;text-align:center;margin:0;padding:0}.intro-name{font-family:'Qwitcher Grypen','Brush Script MT',cursive;font-weight:700;font-size:10em}.intro-tagline{font-family:'Alumni Sans Pinstripe','Courier New',monospace;font-size:2em;font-weight:400}.intro-links{font-size:1.4em;margin-top:.5em}.intro-links a{margin:0 .25em}.technologies{display:grid;grid-template-columns:auto 1fr;column-gap:1em;row-gap:.35em}.technologies-title{justify-self:end;font-weight:700}.timeline{position:relative;padding:2em 0 6em;margin:0 auto 2em;max-width:1400px}.timeline::before{background:red;background-image:linear-gradient(180deg,#f70404 0,red 2em,red calc(100% - 10em),#fff);border-bottom-left-radius:4px;border-bottom-right-radius:4px;content:"";height:100%;left:1.25em;position:absolute;top:0;width:4px}.portfolio-item{display:flex;position:relative}.portfolio-item+.portfolio-item{margin-top:2em}.portfolio-logo-container{position:relative;min-width:4em}.portfolio-logo{border-radius:50%;width:2.75em;height:2.75em;position:-webkit-sticky;position:sticky;top:.5em}.portfolio-logo-about{background-image:url('images/about.png');background-size:cover}.portfolio-logo-cinch{background-image:url('images/cinch.png');background-size:cover}.portfolio-logo-ladbible{background-image:url('images/ladbible.png');background-size:cover}.portfolio-logo-barclays{background-size:cover;background-image:url('images/barclays.png'),linear-gradient(135deg,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}.portfolio-logo-otb{background-image:url('images/otb.jpeg');background-size:cover}.portfolio-logo-cdl{background-size:cover;background-image:url('images/cdl.png'),linear-gradient(135deg,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}.portfolio-logo-flooring{background-size:cover;background-image:url('images/flooring.png'),linear-gradient(135deg,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}.portfolio-logo-cosmo{background-image:url('images/cosmo.jpeg');background-size:cover}.portfolio-logo-uclansu{background-size:cover;background-image:url('images/uclansu.png'),linear-gradient(135deg,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}.portfolio-logo-uclan{background-size:cover;background-image:url('images/uclan.webp'),linear-gradient(135deg,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}.portfolio-detail{color:#000;border:1px solid grey;border-radius:.5em;padding:.5em 1em .75em;background-color:#ebe9f9;background:linear-gradient(135deg,#ebe9f9 0,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%);width:100%}.portfolio-detail-h2{font-family:'Alumni Sans Pinstripe','Courier New',monospace;padding:0;margin:0;font-size:1.75em}.portfolio-detail-h3{font-family:'Alumni Sans Pinstripe','Courier New',monospace;padding:0;margin:.5em 0 0;font-size:1.25em}.portfolio-detail-date{font-weight:700;font-size:.8em}.portfolio-detail ul{margin-bottom:0}.portfolio-role-history{margin-top:1em}.portfolio-role-history-title{font-weight:700;font-size:.8em}.portfolio-role-history ul{margin:.5em 0 0;padding-left:1.5em}.portfolio-role-history li{font-size:.8em}