body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191f19;font-family:Roboto Mono,monospace;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:block;opacity:1;scroll-behavior:smooth;transition:visibility .3s ease,opacity .3s ease 1.5s;visibility:visible;width:100%}.maxWidthContainer{height:100%;margin:auto;max-width:1200px;width:100%}.home{background-color:#00c8c8}.hide{opacity:0;transition:visibility .3s ease,opacity .3s ease;visibility:hidden;z-index:-1}.transferLogoScreen{align-items:center;background-color:#191f19;display:flex;flex-grow:1;height:100%;justify-content:center;opacity:0;position:fixed;transition:opacity .5s ease;width:100%;z-index:-1}.showScreen{opacity:1;z-index:1}.hideScreen{opacity:0}.transferLogo{transform:translateY(-5vh);transition:transform .5s ease;width:50px}.showLogo{transform:translateY(0)}.hideLogo{transform:translateY(5vh)}.tplogo{height:30px;margin:0;padding:20px 15px;-webkit-user-select:none;user-select:none}.logo:hover{cursor:pointer}.navbarFlex{display:flex;margin:auto;max-width:1200px}.navbar{background-color:#191f19;border-bottom:1px solid #c8c8c8;position:fixed;transition:visibility .3s ease,opacity .3s ease;width:100%;z-index:1}.icon{color:#fafafa;height:40px;padding:15px;position:absolute;right:0;top:0;transform:translateY(0);transition:color .5s ease,transform 1s ease;width:40px}.hideIcon{transform:translateY(-50vh)}.xIcon{transform:translateX(50vw);transition:color .5s ease,transform 1s ease .1s;z-index:1}.showXIcon{transform:translateX(0)}.icon:hover{color:#00c8c8;cursor:pointer}.mobileMenu{background-image:linear-gradient(90deg,#191f1900,#191f19);color:#fff;font-size:xx-large;height:100vh;padding:15px;position:absolute;right:0;top:70px;transform:translateX(100%);transition:transform 1s ease .5s;visibility:visible;width:700px;z-index:1}.showMobileMenu{transform:translateX(0);transition:transform .2s ease .1s}.mobileMenu ul{list-style:none}.mobileLink{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:row-reverse;margin:12px 0;text-decoration:none;transform:translateX(100vw);-webkit-user-select:none;user-select:none}.currentLink{color:#787878}.currentLink .linkedIcon path{fill:#787878}.mobileLink:hover{color:#00c8c8}.mobileLink:hover .linkedIcon path{fill:#00c8c8}.linkedIcon path{fill:#fff;transition:fill .5s ease}.homeLink{transition:color .5s ease,transform .6s ease .2s}.contactLink{transition:color .5s ease,transform .6s ease .3s}.linkedInLink{transition:color .5s ease,transform .6s ease .4s}.gitHubLink{transition:color .5s ease,transform .6s ease .5s}.showLink{transform:translateX(0)}.disableScroll{height:100%;margin:0;overflow:hidden}.linkedIcon{height:28px;margin:10px;width:28px}.desktopMenu{height:0;opacity:0;visibility:none}.desktopMenu ul{display:none}.progress{background-color:#00c8c8;height:5px;position:fixed;transition:width .2s ease,background-color .3s ease 1s;width:0;z-index:2}.hideProgress{background-color:#191f19;transition:width .2s ease,background-color .3s ease}@media only screen and (min-width:992px){.space{background-color:#00c8c8}.icon,.xIcon{display:none}.linkedIcon{height:20px;width:20px}.desktopLink{align-items:center;color:#fff;cursor:pointer;display:flex;margin:0;text-decoration:none;transition:color .5s ease;-webkit-user-select:none;user-select:none}.currentLink{color:#787878}.currentLink .linkedIcon path{fill:#787878}.desktopLink:hover{color:#00c8c8}.desktopLink:hover .linkedIcon path{fill:#00c8c8}.mobileMenu{display:none}.desktopMenu ul{display:inline;display:initial}.desktopMenu{height:auto;margin-left:auto;margin-right:0;opacity:1;transition:opacity 1s,visibility 0s ease;visibility:visible}.desktopMenu ul{display:flex;list-style:none;padding:0 15px}}.centreContainer{background-color:#191f19;display:flex;height:100vh}#contactBottomContainer{align-items:center;background-color:#00c8c8;display:flex;height:100vh;justify-content:center}#contactBottomForm{background-color:#191f19;box-shadow:10px 10px #000;color:#fff;display:flex;flex-direction:column;max-width:600px;text-align:center;width:90%}.formTitle{display:inline-block}.formTitle h1{margin:10px}#bottomCanvas{height:200px;width:100%}.descSide,.iconRow{padding:20px}.rowIcon{background-color:#252e25;height:36px;margin:0 10px;padding:15px;transition:transform .5s ease,opacity .5s ease;width:36px}.hideRowIcon{opacity:0;transform:translateY(-10%)}.showRowIcon{opacity:1;transform:translateY(0)}.rowIcon path{fill:#fff;transition:fill .2s ease}.rowIcon:hover{cursor:pointer;transform:rotate(10deg)}.rowIcon:hover path{fill:#00c8c8;transform-origin:center}#experienceContainer{background-color:#00c8c8;display:inline-block;height:2400px;overflow-x:hidden;position:relative;width:100%}#testCanvas{background-color:#00c8c8;height:100%;position:absolute;width:auto}.expFlexContainer{display:flex;flex-direction:column;height:100%;justify-content:center}.expSection{background-color:#191f19;box-shadow:10px 10px #000;color:#fff;display:flex;margin:40px;max-width:600px;min-height:200px;opacity:0;padding:15px;transform:translateX(20%);transition:transform 1s ease,opacity 1s ease;width:85%}.expEven{transform:translateX(-20%)}.slideIn{opacity:1;transform:translateX(0)}.expTitle{border-right:1px solid #fff;font-size:xx-large;padding:15px 15px 15px 0;text-align:center;writing-mode:vertical-lr}.expDesc{align-items:center;display:flex;padding:25px 0 25px 25px}.expDesc div{margin:auto}.expDesc ul li:before{content:"- "}.expDesc ul{list-style-type:none}.about,.interests,.languageExp,.uniExp{margin:40px auto}.profilePic{border-bottom:1px solid #fff;border-top:1px solid #fff;height:auto;margin:15px;max-width:180px;padding:25px 0;width:40vw}@media only screen and (max-width:580px){.about .expDesc{flex-direction:column}}@media only screen and (min-width:992px){.about,.uniExp{margin:40px}.interests,.languageExp{margin:40px 40px 40px auto}}#quicktypeContainer{background-color:#191f19;color:#fff;height:150vh}.quicktypeFlex{align-items:center;display:flex;height:100%;justify-content:space-around;padding:15px}.quicktype{height:70vh;opacity:0;transform:translateX(20%);transition:opacity 1s ease,transform 1s ease;width:60%}.showType{opacity:1;transform:translateX(0)}.projectDesc{margin-bottom:30px}.projectText{border-right:1px solid #fff;padding:15px;text-align:center;width:30%}.projectText>*{opacity:0;transform:translateY(-20%);transition:opacity 1s ease,transform 1s ease}.showQtText{opacity:1;transform:translateY(0)}#qtLink{height:24px;margin-left:5px;width:24px}.button{align-items:center;background-color:#00c8c8;border:none;color:#fff;display:flex;font-size:medium;margin:auto;padding:10px 20px;transition:background-color .2s ease,color .2s ease,opacity 1s ease,transform 1s ease}.button:hover{background-color:#009696;cursor:pointer}@media only screen and (max-width:620px){.quicktypeFlex{flex-direction:column;justify-content:center}.projectText{border:none;border-bottom:1px solid #fff;width:80%}.quicktype{margin:15px 0 0;width:95%}}.triangle{fill:#191f19;height:200px;width:100%}.triangleBackground{background-color:#00c8c8;height:250px}.typedContainer{background-color:#191f19;height:100vh;position:relative}.centre{margin:auto;text-align:center}.typingBoxContainer{align-items:center;display:flex;flex-grow:1;height:100%}.centreTyping{color:#fff;display:inline-block;font-size:50px;height:230px;line-height:70px;margin:0 15px;-webkit-user-select:none;user-select:none}.centreTyping p{margin:0}.typingLetters{align-items:center;color:#00c8c8;display:flex;flex-wrap:wrap;margin:10px 0;max-width:100vw}.typingLetters p{margin:0 30px 0 0}.typingLetters p:last-of-type{margin:0}.cursor{background-color:#00c8c8;display:inline;height:70px;margin:0 5px;width:5px}.breathing{animation:cursorFade 1s ease infinite}@keyframes cursorFade{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media only screen and (min-width:992px){.typingBoxContainer{justify-items:center}.centreTyping{margin:auto;width:600px}}#arrow{fill:#fff;animation:bounce 3s linear infinite;bottom:5%;left:50%;position:absolute;transform:translate(50%,-25%);-ms-transform:translate(50%,-25%);width:100px}@keyframes bounce{0%{opacity:0}50%{opacity:0;transform:translate(-50%,-25%);-ms-transform:translate(50%,-25%)}66%{opacity:1;transform:translate(-50%,-5%);-ms-transform:translate(50%,-5%)}83%{opacity:1;transform:translate(-50%,5%);-ms-transform:translate(50%,5%)}to{opacity:0;transform:translate(-50%,25%);-ms-transform:translate(50%,25%)}}.contact{align-items:center;background-color:#262e26;display:flex;height:100vh;justify-content:center}.contactBox{background-color:#191f19;box-shadow:10px 10px #000;color:#fff;max-width:600px;padding:15px;text-align:center;width:90%;z-index:0}#contactCanvas{position:absolute}.underline{background-color:#fff;height:5px;margin:auto;transition:width 1s ease;width:0}.underlineGrow{width:100%}.contactTitle{display:inline-block}.contactTitle h1{margin:10px}.footer{align-items:center;background-color:#191f19;border-top:1px solid #fff;color:#8b8b8b;display:flex;height:100px;justify-content:center;text-align:center;width:100%}
/*# sourceMappingURL=main.06d4fe43.css.map*/