body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1d4788;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-layout#home-page{--colour-secondary-hover:#221872;--colour-secondary:#281d88;align-items:flex-start;overflow-x:default}.tech-stacks{align-self:flex-start;height:100%;width:auto;.tech_stack{box-shadow:5px 5px 5px #0000004d;flex-grow:1;height:min(80px,8vw);margin:5px;object-fit:contain;padding:5px;width:calc(100% - 20px);&.clicked{background-color:var(--colour-secondary);box-shadow:0 0 0 #0000}}h4{font-size:min(50px,5vw);text-align:center;vertical-align:middle}}.projects-container{display:flex;flex:1 1;flex-wrap:wrap;height:auto;justify-content:space-evenly;@media screen and (min-width:1201px){flex-direction:row;.thumbnail-container{width:500px}}@media screen and (max-width:1200px){align-items:center;flex-direction:column}}.thumbnail-container{border-radius:5px;margin:10px;max-width:550px;overflow-x:default;padding:10px;position:relative;@media screen and (max-width:749px){overflow-y:hidden;video{width:100%}.tech-stack-container{align-items:flex-end;flex-direction:column}}&:hover{background-color:var(--colour-secondary);filter:brightness(120%);video{cursor:pointer}}.tech-stack-container{display:flex;&.absolute{position:absolute;right:10px}p{background-color:var(--colour-secondary-hover);border-radius:3px;font-size:15px;margin:3px;opacity:50%;padding:3px;z-index:3;&:hover{opacity:100%}}}}.cv-container{--colour-primary-light:#3d79d6;--colour-secondary-light:#4d3dd6;--colour-tertiary-light:#3dc6d6;--colour-primary:#1d4788;--colour-secondary:#281d88;--colour-tertiary:#1d7d88;--colour-primary-hover:#183c72;--colour-secondary-hover:#221872;--colour-tertiary-hover:#186972;--colour-text:#acf;h3,h4,li,p{text-align:start}li,p{margin:5px}h3{margin:20px 5px}h4{margin:10px 5px}li{margin-left:15px;padding:8px}a{color:(var(--colour-tertiary-light));&:visited{color:(var(--colour-tertiary))}}.bisected-list{display:flex;flex-direction:row;flex-flow:row wrap;>*{flex:1 1 auto;@media screen and (min-width:550px){min-width:450px;width:calc(50% - 50px)}}}span{color:var(--colour-text);text-align:center;width:100%}.cv-section{margin:5px 10px;width:calc(100% - 40px)}}a,h3,h4,li,p{text-align:start}li{padding:8px}div{align-items:flex-start}.feature-breakdown-container{width:100%;h4{text-align:start}.feature-container{overflow:hidden;@media screen and (max-width:800px){flex-direction:column;overflow-y:auto;@media screen and (hover:hover){scrollbar-width:none;&:hover{scrollbar-width:thin}}@media screen and (hover:none){scrollbar-width:thin}}@media screen and (min-width:801px){flex-direction:row;overflow-x:auto;overflow-y:auto;>div{min-width:500px}@media screen and (hover:hover){scrollbar-width:none;&:hover{scrollbar-width:thin}}@media screen and (hover:none){scrollbar-width:thin}}>*{margin:10px}&.visible{margin:10px 0;opacity:100%;transition:opacity .2s linear .2s,height .2s linear,margin .2s linear,padding .2s linear}&.hidden{height:0;margin:0;opacity:0;padding:0;transition:opacity .2s linear,height .2s linear .2s,margin .2s linear .2s,padding .2s linear .2s}}}.Layout{--colour-primary-light:#3d79d6;--colour-secondary-light:#4d3dd6;--colour-tertiary-light:#3dc6d6;--colour-primary-intermed:#2459ab;--colour-primary:#1d4788;--colour-secondary:#281d88;--colour-tertiary:#1d7d88;--colour-primary-hover:#183c72;--colour-secondary-hover:#221872;--colour-tertiary-hover:#186972;--colour-text:#acf;--colour-text-secondary:#ddf;--header-font:"Papyrus",serif;--body-padding:20px;background-color:var(--colour-primary);color:var(--colour-text);display:flex;flex-direction:column;text-align:center;.layout-main{display:flex;flex:1 1;flex-direction:column;width:100%;.nav-bar{background-color:var(--colour-primary);width:100%}#navigation-list{flex-direction:row}}}a{color:(var(--colour-tertiary-light));&:visited{color:(var(--colour-tertiary))}}.page-layout{align-items:center;background-color:var(--colour-primary);color:var(--colour-text);display:flex;flex:1 1;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:top;max-height:100%;padding:5px;width:calc(100% - 10px);.sub-page-layout{background-color:var(--colour-primary);display:flex;overflow-y:auto;width:100%;.page-body{padding:var(--body-padding);width:calc(100% - var(--body-padding)*2)}}.hyperlink{color:var(--colour-tertiary-light);font-weight:700;&:visited{color:var(--colour-tertiary)}}}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.justify-left{text-align:start}.hoverable{border-radius:5px;padding:10px;transition:background-color .3s linear;&:hover{background-color:var(--colour-primary-hover)}}.clickable{cursor:pointer}h4{margin:5px}.collapse-arrow{transition:transform .1s linear;&.uncollapsed{transform:rotate(90deg)}}.nav-list{display:flex;overflow-x:auto;position:sticky;scrollbar-width:thin;.nav-element{border-right:2px solid var(--colour-primary-hover);color:#acf;padding:10px;@media screen and (hover:none){border-right-color:var(--colour-primary-hover);border-right-style:solid;border-right-width:2px;border-top-color:var(--colour-primary-hover);border-top-style:solid;border-top-width:1px}&.active{background-color:var(--colour-primary);&:hover{background-color:var(--colour-primary-hover);cursor:pointer}}&.visible{background-color:var(--colour-primary-light);box-shadow:2px 2px 5px #0000644d;opacity:100%;transition:padding .3s linear;&:hover{background-color:var(--colour-primary-hover);cursor:pointer}}&.hidden{border:0;margin:0;opacity:0;padding:0;transition:width .3s linear .3s,opacity .3s linear;width:0;p{font-size:0;margin:0}}p{font-size:min(calc(8px + 1vmin),25px);font-weight:700;margin:0}}}@keyframes gradient-background-horizontal{0%{background-position:50%}25%{background-position:0}50%{background-position:50%}75%{background-position:100%}0%,to{background-position:50%}}@media screen and (min-width:700px){.layout-header{animation-duration:10s;animation-iteration-count:infinite;animation-name:gradient-background-horizontal;background:linear-gradient(to right,var(--colour-primary-light),var(--colour-primary));background-size:200% auto;flex-direction:row;height:fit-content;#header-image-container{align-items:center;display:flex;justify-content:end;overflow-x:hidden;overflow-y:hidden;&.purple{height:15vw;width:30vw;.header-image.purple{height:300%;object-fit:contain;z-index:0}}&.blue{height:15vw;position:absolute;width:15vw;.header-image.blue{height:150%;object-fit:contain}}}#header-items-container{font-family:var(--header-font);justify-content:space-between;.small{display:none}.large{align-items:flex-end;flex-direction:column}.large,h1{display:flex;justify-content:center}h1{color:var(--colour-text-secondary);flex-direction:row;font-size:calc((6vw - min(12px, 1vw))/1.15)}h1,h2{margin:0;padding:min(6px,.5vw) 20px}h2{font-size:calc((4vw - min(12px, 1vw))/1.15)}h3{font-size:calc((3vw - min(12px, 1vw))/1.15);margin:0;padding:min(6px,.5vw) 20px;text-align:end}}}}@media screen and (max-width:699px){.layout-header{background:linear-gradient(to bottom,var(--colour-primary-light),var(--colour-primary));flex-direction:column;height:25vh;width:100%;#header-image-container{align-items:center;display:flex;flex-direction:column;height:20vh;justify-content:flex-end;overflow-x:hidden;overflow-y:hidden;width:100%;&.purple{height:max(20vh,50vw);position:absolute;.header-image.purple{height:400%;object-fit:contain;z-index:0}}&.blue{height:max(10vh,25vw);position:absolute;.header-image.blue{height:200%;object-fit:contain}}}#header-items-container{bottom:0;justify-content:space-between;position:absolute;width:100%;.small{align-items:center;display:flex;flex-direction:column;justify-content:center}.large{display:none}h3{padding:0 20px;text-align:center}h1{align-items:center;color:var(--colour-text-secondary);display:flex;flex-direction:row;font-family:var(--header-font);font-size:min(6vw,36px);justify-content:center}h1,h2{margin:12px 0}}}}.layout-header{display:flex;#header-items-container{flex:2 1}}.layout-header{max-height:70vh;overflow:hidden;position:relative}header{width:100%}.App{--colour-primary-light:#3d79d6;--colour-secondary-light:#4d3dd6;--colour-tertiary-light:#3dc6d6;--colour-primary:#1d4788;--colour-secondary:#281d88;--colour-tertiary:#1d7d88;--colour-primary-hover:#183c72;--colour-secondary-hover:#221872;--colour-tertiary-hover:#186972;--colour-text:#acf;text-align:center}.App-header{margin:0;padding:0;.header-image{display:block;height:auto;width:100%}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.app-body{align-items:center;background-color:var(--colour-primary);color:var(--colour-text);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4434b65c.css.map*/