@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0}@media screen and (min-width:600px){body{font-size:18px}section{padding:6rem 6rem 0;position:relative}}@media screen and (max-width:599px){body{font-size:16px}section{padding:1rem 1rem 0;position:relative}}body{background:#272b33;color:#fff;margin:0;min-width:320px;overflow-x:hidden;padding:0}body,button>span{font-family:Montserrat,sans-serif}.App{display:flex;flex-direction:column;height:100%}section h1{text-align:center}@media screen and (min-width:599px){.profile{height:120px;width:120px}}@media screen and (max-width:599px){.profile{height:100px;width:100px}}@media screen and (min-height:599px){.scroll-down{bottom:140px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0}}@media screen and (max-height:599px) and (min-height:410px){.scroll-down{bottom:100px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0}}@media screen and (max-height:409px){.scroll-down{display:none}}.home{align-items:center;display:flex;flex-direction:column;height:calc(100vh + 63px);justify-content:center;position:relative;text-align:center}.greeting{margin:-63px 20px 0}.hide{display:none}.profile{border:.2rem solid #0be779;border-radius:50%}.greeting-text{margin:15px}.name{color:#0be779}.resume-container{align-items:center;display:flex;justify-content:space-evenly;margin:50px auto 10px}.resume-container a{align-items:center;background-color:#272b33;border:3px solid #0be779;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;display:flex;font-weight:600;justify-content:center;padding:12px 18px;text-decoration:none;transition:all .5s ease;width:200px!important}.links img{transition:.2s ease-in-out}.links a:hover img{transform:scale(1.2)}.scroll-down-element,.wave-emoji{display:inline-block}.wave-emoji{animation-duration:1.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:wave;transform-origin:70% 70%}.particles{height:100vh;left:0;position:fixed;top:0;width:100%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.navbar{align-items:center;background-color:#23252a;border-bottom:3px solid #0be779;bottom:0;display:flex;height:60px;pointer-events:fill;position:absolute;width:100%}.navbar a{cursor:pointer;font-weight:600}.navlink-wrapper{width:20%}.navlinks{display:flex;justify-content:space-evenly;width:100%}#hamburger-icon{cursor:pointer;height:21px;margin:0 auto;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;width:35px}#hamburger-icon span{background:#fff;border-radius:9px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}#hamburger-icon span:first-child{top:0}#hamburger-icon span:nth-child(2),#hamburger-icon span:nth-child(3){top:9px}#hamburger-icon span:nth-child(4){top:18px}#hamburger-icon.open span:first-child{left:50%;top:9px;width:0}#hamburger-icon.open span:nth-child(2){transform:rotate(45deg)}#hamburger-icon.open span:nth-child(3){transform:rotate(-45deg)}#hamburger-icon.open span:nth-child(4){left:50%;top:9px;width:0}@media screen and (min-width:600px){.profile{width:120px}.hamburger,.mobilenav{display:none}}@media screen and (max-width:599px){.navlinks{display:none}.hamburger{cursor:pointer;position:absolute;right:30px}}.mobilenav-wrapper{clip:rect(0,9999px,9999px,-9999px);position:absolute;top:63px;width:100%}.mobilenav{background-color:#1a212e}.mobilenav.on{transform:translateY(0)}.mobilenav.off,.mobilenav.on{transition:transform .4s ease-in-out,opacity .3s ease-out}.mobilenav.off{transform:translateY(-100%)}.mobilenavlinks{display:flex;flex-direction:column;padding:20px}.mobilenavlink{padding-bottom:10px;padding-top:10px;text-align:left}.mobilenavlinks a{font-size:larger;text-align:left}.about{background-color:#2c323f}.about-text{max-width:600px;width:100%}.about-text>ul{list-style-type:none}.about-text>ul>li{margin-bottom:10px}.typewriter{align-items:center;display:flex}.typewriter-start{padding-right:5px}.typewriter>p{margin:0}.location-wrapper{align-items:center;border-top:1px solid #fff;display:flex}.skills-wrapper{position:relative;text-align:center}.skills{font-size:3rem;list-style:none;margin:0 auto;padding-left:0;padding-right:0;position:relative;width:100%}.skill-bar-wrapper{background-color:#3e4555;border-radius:2px;border-radius:10px;display:inline-block;height:30px;height:100px;margin:0 8px;overflow:hidden;position:relative;width:100px}.skill-bar{background-color:#0be779;border-radius:2px 0 0 2px;display:flex;flex-direction:column;height:30px;margin-bottom:20px}@media screen and (min-width:960px){.about-content{display:flex;justify-content:space-evenly}.skill-name{align-items:center;background-color:#39b175;border-radius:2px 0 0 2px;bottom:0;color:#fff;display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;left:0;position:absolute;width:100px}}@media screen and (max-width:959px) and (min-width:600px){.about-content{flex-direction:column}.about-content,.skill-name{align-items:center;display:flex;justify-content:center}.skill-name{background-color:#39b175;border-radius:2px 0 0 2px;color:#fff;font-size:12px;font-weight:600;height:30px;left:0;position:absolute;width:100px}}@media screen and (max-width:599px){.about-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.skills{width:100%}.skill-name{align-items:center;background-color:#39b175;border-radius:2px 0 0 2px;color:#fff;display:flex;font-size:10px;font-weight:600;height:30px;justify-content:center;left:0;position:absolute;width:100px}}.lottie-icon svg{float:right;width:80%!important}.section-title{font-size:25pt;margin-bottom:10px}.underline{border-top:4px solid #0be779;margin:0 auto 15px;width:70px}.skills{background-color:#2c323f}.skill-bar-wrapper{transition:.2s}.skill-bar-wrapper:hover{background-color:#474f63;cursor:pointer;transform:scale(1.08)}.skills-content{align-items:center;display:flex;justify-content:center;margin-top:40px}.experience{background-color:#2c323f;position:relative}.experience-content{margin:0 auto;max-width:1400px}.experience-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 auto;padding-left:0;position:relative}.experience-list>li{border-radius:5px;margin:20px 10px;min-width:290px;width:390px}.experience-list>li>div{height:100%}.textLink{color:#0be779;cursor:pointer}.experience-link{cursor:default;height:100%;text-decoration:none}.experience-card,.experience-card-wrapper{height:100%;transition:.2s}.experience-card{align-items:center;background-color:#3b4353;border-radius:5px;cursor:pointer;min-height:158px;position:relative}.experience-card-wrapper:hover .experience-card{background-color:#474f63;transform:translateY(-10px)}.experience-card-top{align-items:center;display:flex;height:150px;justify-content:center;position:relative;width:100%}.experience-card-top>h2{color:#fff;font-size:22px;font-weight:700;margin:0 30px;position:absolute;text-align:center;text-decoration:none;top:30px;z-index:1}.image-wrapper{align-items:center;border-radius:50%;bottom:-50px;box-shadow:0 2px 16px 0 #00000040;display:flex;height:100px;justify-content:center;position:absolute;width:100px}.experience-card-bottom{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:calc(100% - 150px);justify-content:space-between;padding:65px 20px 20px;position:relative;text-align:center;width:100%}.experience-card-bottom h2{margin:0}.experience-card-bottom h3{font-size:18px;margin:20px 0}.experience-card-bottom ul{list-style-type:disc;text-align:left}.experience-card-bottom li{font-size:16px}.experience-card-tech{margin-top:20px}.experience-card-tech>ul{display:flex;flex-wrap:wrap;list-style-type:none;margin-left:-7px;margin-top:-7px}.experience-card-tech>ul>li{background-color:#5e6a80;border-radius:5px;font-size:12px;font-weight:600;margin-left:7px;margin-top:7px;padding:5px 10px}.experience-bg{border-radius:5px 5px 0 0;height:100%;position:absolute;width:100%}.logo-bg{border-radius:50%}.company-logo{max-width:150px;pointer-events:none;z-index:1}@media screen and (max-width:599px){.experience-card-wrapper:hover .experience-card{background-color:#3b4353;transform:translateY(0)}.experience-card-bottom{padding:65px 15px 20px}}.projects{background-color:#2c323f;position:relative}.projects-list{display:flex;flex-wrap:nowrap;flex-wrap:wrap;list-style:none;margin:0 auto;padding-left:0;position:relative}.projects-list li{min-width:48%!important;width:50%!important}.projects-content{justify-content:space-between}.tagslist{display:flex;margin:30px auto 0;width:90%}.project-tags{display:flex;flex-wrap:wrap;width:90%}.more-projects-wrapper{display:flex;justify-content:center}@media screen and (max-width:599px){.projects-list{width:100%}}@media only screen and (max-width:900px){.projects-list li{min-width:100%!important;width:100%!important}}.project-link{color:#fff;cursor:default;text-decoration:none}.project-card-wrapper{margin:20px 0;width:98%}.project-card{background-color:#3b4353;border-radius:5px;cursor:pointer;padding:10px 20px;transition:.2s}.project-card-wrapper:hover .project-card{background-color:#474f63;transform:translateY(-7px)}.project-name{transition:.2s}.project-name,.project-name:hover{align-items:center;display:flex;margin:20px auto}.project-name:hover{transform:translateX(5px)}.project-title{margin:0}.octicon{margin-right:10px}.project-info{display:flex;flex-wrap:wrap;justify-content:space-between;z-index:1}.project-info-left{display:flex;flex-wrap:wrap;justify-content:left}.project-info-right{justify-content:right}.project-info-right img{height:35px;transition:.2s ease-in-out;width:35px}.project-info-right img:hover{transform:scale(1.2)}.language{align-items:center;display:flex;margin-right:10px}.language-colour{border-radius:100%;height:10px;margin-right:5px;width:10px}.language-name,.project-size{font-size:small}.project-description{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.mobile-platform{height:23px;width:30px}.web-platform{height:21px;margin-right:5px;width:22px}.full-stack-platform{height:25px;margin-right:5px;width:25px}@media screen and (max-width:599px){.project-card-wrapper:hover .project-card{background-color:#3b4353;transform:translateX(0)}}.project-info-right{align-items:center;display:flex;gap:8px}.btn-cta{align-items:center;background:#0be779;border-radius:9999px;color:#0b1424;display:inline-flex;font-weight:600;gap:6px;padding:8px 12px;text-decoration:none;transition:transform .15s ease,filter .15s ease}.btn-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-cta.outline{background:#0000;border:2px solid #0be779;color:#fff}.btn-icon img{height:22px;width:22px}.contact{background-color:#2c323f}.links{align-items:center;display:flex;justify-content:space-evenly;margin:50px auto 0;max-width:600px;padding:20px}.links a,.links img{height:40px;width:40px}.contact-form{display:flex;flex-direction:column;margin:40px auto 0;max-width:500px;width:100%}.email-success{text-align:center}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #3b4353!important;caret-color:#fff}footer{background-color:#2c323f;padding-bottom:10px;z-index:1000}.copyright{text-align:center}.topButton{background-color:#39b175;border:none;border-radius:15px;bottom:20px;color:#fff;cursor:pointer;font-size:25px;outline:none;padding:10px;position:fixed;right:30px;z-index:999999}.topButton i{display:flex}.topButton.on{opacity:1}.topButton.off,.topButton.on{transition:opacity .1s linear}.topButton.off{opacity:0}
/*# sourceMappingURL=main.a58703f0.css.map*/