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%;.tech_stack{height:min(80px,8vw);object-fit:contain;width:auto;&.clicked{background-color:var(--colour-secondary)}}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){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){video{width:100%}.tech-stack-container{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;--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;.nav-bar{background-color:var(--colour-primary-light)}#navigation-list{flex-direction:row}}.layout-header{display:flex;@media screen and (orientation:landscape){flex-direction:row;height:fit-content}@media screen and (orientation:portrait){flex-direction:column;width:100%}#header-image-container{@media screen and (orientation:landscape){align-items:center;display:flex;height:25vw;justify-content:end;overflow-x:hidden;overflow-y:hidden;width:25vw;.header-image{height:200%;object-fit:contain}}@media screen and (orientation:portrait){align-items:center;display:flex;flex-direction:column;height:20vh;justify-content:flex-end;overflow-x:hidden;overflow-y:hidden;width:100%;.header-image{max-width:1000px;object-fit:contain;width:100%}}}#header-items-container{flex:2 1;@media screen and (max-width:799px){.small{align-items:center;display:flex;flex-direction:column;justify-content:center}.large{display:none}}@media screen and (min-width:800px){.small{display:none}.large{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media screen and (orientation:landscape){background:linear-gradient(to right,var(--colour-primary-light),var(--colour-primary));justify-content:space-between;h1{align-items:center;display:flex;flex-direction:row;font-size:min(2vw,36px);justify-content:center}h2{font-size:min(1.5vw,33px)}h3{font-size:min(1.5vw,30px);padding:0 20px;text-align:end}}@media screen and (orientation:portrait){background:linear-gradient(to bottom,var(--colour-primary-light),var(--colour-primary));justify-content:space-between;h3{padding:0 20px;text-align:center}h1{align-items:center;display:flex;flex-direction:row;justify-content:center}h1,h2{margin:12px 0}}}}}a{color:(var(--colour-tertiary-light));&:visited{color:(var(--colour-tertiary))}}.layout-header{background-color:var(--colour-primary-light);max-height:70vh;overflow:hidden;position:relative}.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{color:#acf;padding:10px;@media screen and (hover:none){border-right-color:var(--colour-primary);border-right-style:solid;border-right-width:1px;border-top-color:var(--colour-primary);border-top-style:solid;border-top-width:1px}&.active{background-color:var(--colour-primary);&:hover{background-color:var(--colour-primary-hover);cursor:pointer}}&.visible{opacity:100%;transition:opacity .3s linear,width .3s linear,padding .3s linear,margin .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}}}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.1fb1fb9d.css.map*/