.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.project-modal{background-color:#fff;color:#5a5a5a;height:70%;overflow:scroll;padding:1.5rem 5vw;position:relative;width:80%;z-index:3}.project-modal__background{align-items:center;background-color:rgba(19,24,44,.529);bottom:0;color:#5a5a5a;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:0}.project-modal__exit{color:#756454;cursor:pointer;display:inline-block;font-size:5vw;margin:1.2rem 3vw 0 0;position:absolute;right:0;top:0;transform:rotate(0deg);transform-origin:center center;transition:transform .5s ease}.project-modal__exit:active,.project-modal__exit:hover{transform:rotate(180deg)}.project-modal__title{color:#88bcb4;cursor:pointer;display:inline-block;font-size:4.5vw;margin:0}.project-modal__title:hover{color:#fd8241;transform:scale(1.01)}.project-modal__description{font-size:3.5vw}.project-modal__description:nth-child(3){margin-bottom:1rem}.project-modal__description:nth-child(4){margin-top:0}.project-modal__url-text{color:#88bcb4}.project-modal__url-text:hover{color:#fd8241}.project-modal__github{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;width:100%}.project-modal__text{margin:0}.project-modal__icon{cursor:pointer;width:3rem}.project-modal__icon:hover{filter:invert(64%) sepia(8%) saturate(6772%) hue-rotate(331deg) brightness(101%) contrast(99%);transform:scale(1.09)}.project-modal__span{color:#756454;cursor:pointer}.project-modal__span:hover{color:#fd8241}.project-modal__demo,.project-modal__demo-box{width:100%}@media(min-width:768px){.project-modal__title{font-size:1.65rem}.project-modal__description{font-size:1.2rem}.project-modal__url-text{font-size:1.2rem;text-align:center}.project-modal__url-text--flex{display:flex;justify-content:center}.project-modal__exit{font-size:1.8rem}.project-modal__demo-box{display:flex;justify-content:center;width:100%}.project-modal__demo{width:75%}}@media(min-width:1280px){.project-modal{height:85%;margin-top:5.9rem;padding:3rem;width:55rem}.project-modal__title{font-size:2rem}.project-modal__description,.project-modal__url-text{font-size:1.4rem}.project-modal__demo{width:40rem}}@keyframes blinkCaret{0%,49%{opacity:1}50%,to{opacity:0}}.textbox{width:100%}.textbox p{color:#fffbf3;font-family:Courier;font-size:4vw;margin:0;white-space:pre-wrap}.caret,.textbox p{display:inline-block}.caret{animation:blinkCaret 1s infinite;margin-left:.1rem;vertical-align:bottom}.caret:after{content:"|"}.main{align-items:center;justify-content:center;margin-bottom:15vw;margin-top:15vw}.main,.main__section{display:flex;flex-direction:column}.main__section{background-color:#88bcb4;height:72vw;padding:3vw;position:relative;scroll-margin-top:15vw;width:100%}.main__section:nth-child(2n){background-color:#fffbf3}.main__hello-world{color:#fffbf3;font-weight:100}.main__avatar{transform:translateX(-50%) translateY(0);width:35vw}.main__avatar,.main__avatar--scroll{bottom:-2.5rem;left:50%;position:absolute;transition:transform .5s ease}.main__avatar--scroll{transform:translateX(-50%) translateY(-1.5rem);width:45vw}.main__title{color:#756454;font-size:7vw;font-weight:300;position:relative}.main__cards{align-items:center;display:flex;height:70%}.main__card{background-color:#756454;border-radius:.3rem;cursor:pointer;height:26vw;margin:2vw 5vw 0 0;transition:.5s;width:30%}.main__card:nth-child(3){margin-right:0}.main__proj-1{background-image:url(/static/media/TabTabTab.ffaf37e8c9908b9f0bb0.png);background-size:contain;cursor:pointer}.main__proj-1:hover{background-image:url(/static/media/tab-demo.f52a8ab3ac310a97f93e.gif)}.main__proj-2{background-image:url(/static/media/mood-image.6f4ce831415df2b647bd.png);background-size:contain;cursor:pointer}.main__proj-2:hover{background-image:url(/static/media/m-demo.c304ce22c2bfc986a78b.gif)}.main__proj-3{background-image:url(/static/media/casgrain4mayor.3b6fa31d37caadeff990.jpg);background-size:contain;cursor:pointer}.main__proj-3:hover{background-image:url(/static/media/c-demo.3d149cfab5ed44b871fb.gif);background-size:contain}.main__description-box{display:flex;flex-direction:column;height:70%;justify-content:center;padding:0 0 0 15vw;transition:.5s;width:100%}.main__description{color:#5a5a5a;font-size:3vw;margin-bottom:0;margin-top:2vw;text-align:right}.main__description--colour{color:#fffbf3}.main__description--nextline{display:block}.main__icons{align-self:flex-end;display:flex;justify-content:space-between;margin-top:8vw}.main__icon{cursor:pointer;height:8vw;margin-right:5vw;width:8vw}.main__icon:nth-child(3){margin-right:0}.main__icon:hover{filter:invert(64%) sepia(8%) saturate(6772%) hue-rotate(331deg) brightness(101%) contrast(99%)}@media(min-width:768px){.textbox{padding:1.6rem 0 0}.textbox p{font-size:1.95rem}.main{margin-bottom:0;margin-top:6.5rem}.main__section{height:30rem;padding:1.5rem 5vw 0;scroll-margin-top:6.5rem}.main__title{font-size:2.5rem;font-weight:300}.main__avatar{width:17rem}.main__avatar--scroll{width:20rem}.main__description-box{padding:0 0 0 14rem}.main__description{font-size:1.4rem}.main__cards{height:70%;justify-content:space-around}.main__card{height:19vw;margin:2vw 5vw 0 0;width:19vw}.main__card:nth-child(3){margin-right:0}.main__icons{margin-top:2rem}.main__icon{height:3.9rem;margin-right:2.4rem;width:3.9rem}}@media(min-width:1280px){.textbox{padding:1.9rem 0 0}.main__section{height:38rem;padding:1.5rem 8.5vw 0;scroll-margin-top:6.5rem}.main__title{font-size:3.8rem}.main__description{font-size:1.6rem}.main__card{height:14rem;margin:2vw 5vw 0 0;width:14rem}.main__card:nth-child(3){margin-right:0}.main__icon{height:3.5rem;margin-right:2.1rem;width:3.5rem}}.nav-modal-overlay{background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.nav-modal{background-color:#88bcb4;color:#fffbf3;display:flex;filter:brightness(102%);flex-direction:column;height:100vh;padding:1rem;position:absolute;right:0;top:0;width:50%;z-index:3}.nav-modal__exit{align-self:flex-end;color:#fffbf3;cursor:pointer;font-size:10vw;margin:0 .5rem 0 0;transform:rotate(0deg);transition:.5s}.nav-modal__exit:active,.nav-modal__exit:hover{color:#756454;transform:rotate(180deg);transition:.5s}.nav-modal__menu{color:#fffbf3;cursor:pointer;font-size:4.5vw;font-weight:700;margin:1.8rem 0;text-decoration:none}.nav-modal__menu:active,.nav-modal__menu:hover{color:#756454}@media(min-width:768px){.nav-modal{display:none}}.navbar{align-items:center;background-color:#fffbf3;display:flex;height:15vw;justify-content:space-between;left:0;padding:0 3vw;position:fixed;top:0;width:100%;z-index:2}.navbar__logo{cursor:pointer;width:25vw}.navbar__logo--a-tag{align-items:center;display:flex;justify-content:center}.navbar__btn{cursor:pointer;width:7.5vw}.navbar__btn--open{display:none}.navbar__btn:active,.navbar__btn:hover{filter:invert(62%) sepia(11%) saturate(6240%) hue-rotate(332deg) brightness(105%) contrast(104%)}.navbar__menu-box{display:none}@media(min-width:768px){.navbar{height:6.5rem;padding:0 5vw}.navbar__btn{display:none}.navbar__menu-box{display:inline;width:47vw}.navbar__list{align-items:center;display:flex;justify-content:space-between}.navbar__item{border-right:.1rem solid #b3b3b3;list-style:none;padding-right:.8vw}.navbar__item:nth-child(5){border-right:initial;padding-right:0}.navbar__menu{color:#756454;display:block;font-size:1rem;text-decoration:none}.navbar__menu:active,.navbar__menu:hover{border-bottom:.2rem solid #756454;color:#fd8241}.navbar__logo{width:12rem}}@media(min-width:1280px){.navbar{padding:0 8.5vw}.navbar__menu-box{width:38rem}.navbar__item{padding-right:.7rem}.navbar__menu{font-size:1.3rem}.navbar__logo{width:12.5rem}}.footer{background-color:#fffbf3;bottom:0;filter:brightness(90%);height:15vw;justify-content:space-between;left:0;padding:1rem 10vw;position:fixed;width:100%;z-index:4}.footer,.footer__items{align-items:center;display:flex}.footer__items{flex-direction:column;justify-content:center}.footer__icon{filter:invert(64%) sepia(8%) saturate(6772%) hue-rotate(331deg) brightness(101%) contrast(99%);height:5vw;margin-bottom:.1rem;width:5vw}.footer__text{color:#5a5a5a;font-size:3.4vw;font-weight:300;margin:0;text-decoration:none}.footer__text:hover{color:#756454;transform:scale(1.05);transition:.5s}@media(min-width:768px){.footer{display:none}}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:700;src:url(/static/media/Ubuntu-Bold.5de31d2897f68043822a.woff2) format("woff2"),url(/static/media/Ubuntu-Bold.925bbfabc75543cbb2e4.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:300;src:url(/static/media/Ubuntu-Light.2a3bd08a89f120464b73.woff2) format("woff2"),url(/static/media/Ubuntu-Light.22c24824eb5706e735b5.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:italic;font-weight:300;src:url(/static/media/Ubuntu-LightItalic.8ddf9428f6cad0fd64a3.woff2) format("woff2"),url(/static/media/Ubuntu-LightItalic.0d337d9ccd33dc9b8d0c.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:italic;font-weight:400;src:url(/static/media/Ubuntu-Italic.597f042767a617a4a9b6.woff2) format("woff2"),url(/static/media/Ubuntu-Italic.28a9d02669d7d9f77be0.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:italic;font-weight:700;src:url(/static/media/Ubuntu-BoldItalic.5142210f2e8f36ae8c9b.woff2) format("woff2"),url(/static/media/Ubuntu-BoldItalic.ec4999df1dada4e35265.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:500;src:url(/static/media/Ubuntu-Medium.ee77bb5a47502c89fe9d.woff2) format("woff2"),url(/static/media/Ubuntu-Medium.32a54eaa577e3dd790f8.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:400;src:url(/static/media/Ubuntu-Regular.6ebae6bb2ea04cdead4f.woff2) format("woff2"),url(/static/media/Ubuntu-Regular.f20e45a94f765f3890d7.woff) format("woff")}@font-face{font-display:swap;font-family:Ubuntu;font-style:italic;font-weight:500;src:url(/static/media/Ubuntu-MediumItalic.2f5dd4b37a83a2a3443e.woff2) format("woff2"),url(/static/media/Ubuntu-MediumItalic.e9b0a9c499c8c2cb756d.woff) format("woff")}*,:after,:before,body{box-sizing:border-box}body{display:flex;flex-direction:column;font-family:Ubuntu;margin:0}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.a5c74b8e.css.map*/