body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav{display:flex;height:90px;position:relative;width:100vm}.show-nav{animation:slide-nav-down .4s;animation-fill-mode:forwards}.hide-nav{animation:slide-nav-up .8s;animation-fill-mode:forwards}.nav-content{display:flex;height:90px;margin:2px 25px 10px 15px;padding:10px;width:100%}@media screen and (orientation:portrait){.nav-content{display:none}}.nav-items{justify-content:right;padding-bottom:3.5vh;padding-top:2vh;width:100%}.nav-item,.nav-items{display:flex;position:relative}.nav-item{color:var(--text);cursor:pointer;font-size:large;padding:.3rem 1.5rem;text-decoration:none}.logo{cursor:pointer;display:table-cell;height:4rem;position:relative;vertical-align:middle;width:4rem;z-index:9999}.underline:after{background-color:#0087ca;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.underline:hover:after{transform:scaleX(1);transform-origin:bottom left}@keyframes slide-nav-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-nav-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slidedown{0%{transform:translateY(-250%)}to{transform:translateY(0)}}@keyframes slideup{0%{transform:translateY(250%)}to{transform:translateY(0)}}@keyframes slideleft{0%{transform:translateX(-250%)}to{transform:translateX(0)}}@keyframes show-quick{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes slow-fade{0%{opacity:0}45%{opacity:0}to{opacity:1}}.nav-slidedown:first-child{animation:slidedown .5s linear 0s,show-quick 0s linear 0s}.nav-slidedown:nth-child(2){animation:slidedown .5s linear .2s,show-quick .21s linear 0s}.nav-slidedown:nth-child(3){animation:slidedown .5s linear .4s,show-quick .41s linear 0s}.nav-slidedown:nth-child(4){animation:slidedown .5s linear .6s,show-quick .61s linear 0s}.logo-slideleft{animation:slideleft .5s linear .3s,show-quick .31s linear 0s}.social-slideup{animation:slideup .5s linear .35s,show-quick .36s linear 0s}.titletext-fade{animation:slow-fade 3.6s}.mobile-menu{display:flex;display:none;height:100px;justify-content:space-between;margin:0 10%;position:relative;width:100vm}#mobile-menu-button{display:none}.show-logo{animation:slide-logo-up .4s;animation-fill-mode:forwards}.hide-logo{animation:slide-logo-down .8s;animation-fill-mode:forwards}.small-logo{cursor:pointer;height:2rem;margin-top:4%;width:2rem}.large-logo{height:3.5rem;width:3.5rem}@media screen and (orientation:portrait){.mobile-menu{display:flex}#mobile-menu-button{cursor:pointer;display:flex;margin-bottom:6vh;z-index:9999}}@keyframes slide-logo-up{0%{transform:translateY(200%)}to{transform:translateY(0)}}@keyframes slide-logo-down{0%{transform:translateY(0)}to{transform:translateY(200%)}}#name{font-size:5vw}@media screen and (orientation:portrait){#name{font-size:15vw}}.Main-Text{margin-top:15vh;padding-bottom:20vh}.typed-text{animation:typing 1.5s steps(40),blink-caret .75s step-end infinite;border-right:.45em solid var(--text);letter-spacing:.15em;overflow:hidden;white-space:nowrap;width:140px}@keyframes typing{0%{width:0}to{width:140px}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--text)}}#about{padding-bottom:200px}#about-content{display:flex;margin:auto;overflow:hidden;width:100%}#about-content img{background:aqua;filter:grayscale(30%);margin-left:15px;width:50%}#about-text{width:50%}@media screen and (orientation:portrait){#about-content{display:inline;display:initial;width:75vw}#about-content img{margin-left:0;width:100%}#about-text{width:100%}#about h2{margin-left:0}}#projects-title{font-size:3.5rem;text-align:center}.projects{overflow:auto;padding-bottom:200px;text-align:center;width:100%}.projects a{display:inline-block;margin:2vw}.project,.projects a{height:300px;width:300px}.project{border:5px solid #000;overflow:hidden}.project img{height:100%;transition:opacity .4s;width:100%}.project img:hover{opacity:.1}.project-info{align-items:center;background-color:var(--background);display:flex;height:300px;justify-content:center;position:absolute;width:300px;z-index:-99}.project-title{color:var(--text);font-size:2rem;font-weight:1000;max-width:250px}.mobile-title{display:none}@media screen and (orientation:portrait){.mobile-title{align-items:center;display:flex;justify-content:center;padding-bottom:1000px;padding-top:20px;width:100%}.mobile-title p{color:var(--text);font-size:1.4rem;font-weight:600;margin:0;max-width:300px;position:absolute;text-decoration:underline;z-index:999}.project{margin-top:50px}.project-info{margin-bottom:60px}.project-section h4{margin-bottom:0}}#education{padding-bottom:60vh}.edu-table{display:flex;width:100%}.tab-col{flex:1 1;float:left;margin-right:0;width:30%}.tabs{list-style-type:none;margin-top:1rem;padding:0}.button{margin:0;padding:.5rem 1rem}.button:hover{background-color:#a3a3a3;cursor:pointer}.edu-tab-active{border-left:.15em solid var(--text);color:var(--text)}.edu-hidden{display:none}.content-col{float:left;width:70%}.edu-info{font-size:1.1rem;padding-left:10px}.ALevel-table,.GCSE-table{color:var(--text);letter-spacing:2px;width:100%}.ALevel-table th,.GCSE-table{text-align:left}@media screen and (orientation:portrait){.edu-info{font-size:.8rem}}#contactme{padding-bottom:5vh}#socials{bottom:20px;display:inline;position:fixed;z-index:999;@media only screen and (orientation:portrait){display:none}}.social_list{list-style:none;padding-left:38px}.social{filter:invert(1);height:1.5rem;padding:10px 5px;width:1.5rem}@media only screen and (orientation:portrait){#socials{display:none}}body{background:var(--background)}header{top:0}footer,header{overflow:hidden;position:fixed;width:100%;z-index:9999}footer{bottom:0}h1,h2,p{color:var(--text)}.thin-content{margin:150px auto auto;padding:10px;width:50%}@media screen and (orientation:portrait){.thin-content{margin-left:5%;margin-top:50px;overflow:hidden;width:85%}}.thick-content{margin:auto;width:90%}.project-tab-title{font-size:4vw;margin-right:10%;text-align:right}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background:#888;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#555}.fade-in-section{opacity:0;transform:translateY(5vh);transition:opacity 1s ease-out,transform .6s ease-out;visibility:hidden;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}:root{--background:#fff;--text:#000}
/*# sourceMappingURL=main.ede4fe54.css.map*/