@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);.back-to-profile{position:absolute;top:0;z-index:600;background:none;opacity:.6}.back-to-profile a{color:#b8b8b8;text-decoration:none;text-transform:capitalize;display:flex;align-items:center;padding:2.4rem 0}.back-to-profile a svg{fill:#b8b8b8;margin-right:1rem;width:1.5rem}.back-to-profile a p{font-weight:400;-ms-grid-row-align:center;align-self:center;margin-bottom:0;font-size:10px}@media screen and (min-width:1024px){.back-to-profile a svg{width:2.4rem}.back-to-profile a p{font-size:12px;font-weight:600;padding-bottom:.3rem;border-bottom:1px solid hsla(0,0%,72.2%,.5)}}header{position:fixed;top:-1px;height:6rem;width:100vw;z-index:400;background-color:#14171b}@media screen and (min-width:425px){header.portfolio{box-shadow:0 3px 5px 2px rgba(0,0,0,.1)}}header .container{height:100%;position:relative}@media screen and (min-width:667px) and (orientation:landscape){header .container{max-width:100%}}header .container .hamburger-btn{padding:2rem;position:absolute;top:0;right:0;z-index:1500;cursor:pointer}@media screen and (min-width:1024px){header .container .hamburger-btn{display:none}}header .container .hamburger-btn .hamburger-toggler{width:4rem;height:3rem;flex-direction:column;justify-content:space-around;transition:transform .65s ease-out;display:flex}header .container .hamburger-btn .hamburger-toggler.open{transform:rotate(-45deg)}header .container .hamburger-btn .hamburger-toggler .bar{background:#47c2ff;width:100%;height:.3rem;border-radius:.8rem}header .container .hamburger-btn .hamburger-toggler .bar.half{width:50%}header .container .hamburger-btn .hamburger-toggler .bar.start{transform-origin:right;transition:transform .65s cubic-bezier(.54,-.81,.57,.6)}header .container .hamburger-btn .hamburger-toggler .bar.start.open{transform:rotate(-450deg) translateX(.9rem)}header .container .hamburger-btn .hamburger-toggler .bar.end{align-self:flex-end;transform-origin:left;transition:transform .65s cubic-bezier(.54,-.81,.57,.5)}header .container .hamburger-btn .hamburger-toggler .bar.end.open{transform:rotate(-450deg) translateX(-.8rem)}header .container .mobile-menu{height:100vh;height:100svh;position:fixed;top:0;right:0;background:#121518;overflow-y:scroll;padding-top:10rem;padding-bottom:5rem;transition:all .3s ease-in-out;z-index:800;text-align:center;width:0}header .container .mobile-menu.open{width:100%}header .container .mobile-menu__logo a{display:block}header .container .mobile-menu__logo a svg{width:6rem;height:auto}header .container .mobile-menu__logo a svg path{fill:#9d9d9d}header .container .mobile-menu__profile-info--name{font-size:20px;font-weight:600;color:#9d9d9d;margin:.5rem}header .container .mobile-menu__profile-info--occupation{font-size:25px;font-weight:700;color:#47c2ff;margin-top:1rem}header .container .mobile-menu__socials{text-align:center;margin-top:4rem}header .container .mobile-menu__socials a{display:block;font-size:40px;color:#b1d8e5;opacity:.2;margin-top:1rem;transition:all .4s}header .container .mobile-menu__socials a svg{width:3.5rem;height:3.5rem}header .container .mobile-menu__socials a svg path{fill:#b1d8e5}.skills-showcase{margin-top:5rem}@media screen and (min-width:375px){.skills-showcase{margin-top:5rem}}.skills-showcase__showcase{flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:100%}@media screen and (min-width:320px){.skills-showcase__showcase{width:300px}}@media screen and (min-width:667px) and (orientation:landscape){.skills-showcase__showcase{padding-bottom:50px;width:450px}}@media screen and (min-width:1024px){.skills-showcase__showcase{width:570px}}@media screen and (min-width:1024px) and (orientation:landscape){.skills-showcase__showcase{padding-bottom:0;width:500px}}.skills-showcase__tech-badge{display:flex;display:-webkit-flex;align-items:center;justify-content:center;flex:0 0 25%}@media screen and (min-width:667px) and (orientation:landscape){.skills-showcase__tech-badge{flex:0 0 14%}}@media screen and (min-width:1024px){.skills-showcase__tech-badge{flex:0 0 14%}}.skills-showcase__tech-badge a{display:flex;display:-webkit-flex;justify-content:center;width:100%}.skills-showcase__tech-badge img{aspect-ratio:1;max-width:5rem;height:auto;margin:2rem 0 0;object-fit:contain;opacity:.2;transition:opacity .4s;width:70%}.skills-showcase__tech-badge--github img:hover{opacity:1}.profile{padding-bottom:5rem}@media screen and (min-width:375px){.profile{padding-bottom:0}}.profile__logo svg{width:60px}@media screen and (min-width:667px) and (orientation:landscape){.profile__logo{margin-top:270px}}@media screen and (min-width:1024px) and (orientation:landscape){.profile__logo{margin-top:0}}@media screen and (min-width:460px){.profile__copy-wrapper{width:100%;margin:0 auto;max-width:400px}}.profile__name{font-size:20px;font-weight:600;color:#9d9d9d;margin-top:1rem}.profile__occupation{font-size:25px;font-weight:700;color:#47c2ff;margin-top:.5rem}.profile__desc{font-size:16px;font-weight:600;color:#8e8e8e;line-height:1.8;margin:2rem auto 0;opacity:.7}.profile__desc+p{margin-top:2rem}.homepage-wrapper{width:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;max-width:100vw;overflow-x:hidden}.top-text{padding-top:12rem}@media screen and (min-width:1024px){.top-text{margin-left:6rem}}.top-text__hdr{font-size:35px;font-weight:600;color:#47c2ff;display:inline-block;justify-self:flex-start;align-self:flex-start}.top-text__hdr.side-projects-hdr{margin-top:10rem}.top-text__hdr:after{content:"";background:#47c2ff;height:.2rem;width:50%;margin-top:.8rem;display:block;position:relative}.top-text__excerpt{font-weight:400;font-size:12px;color:#b8b8b8;opacity:.6;margin-top:2.5rem}.project{margin-top:10rem;max-width:400px;margin-right:auto;margin-left:auto}.project:first-child{margin-top:0}@media screen and (min-width:768px){.project{flex:0 0 45%;margin-right:0;margin-left:0}.project:nth-child(2){margin-top:0}}.project__hover-box{position:relative}.project__hover-box img{width:100%}.project__img-overlay{display:none}@media screen and (min-width:1200px){.project__img-overlay{position:absolute;background:#14171b;width:100%;top:0;right:0;bottom:0;left:0;transition:opacity .4s;opacity:0;display:flex;align-items:center;justify-content:center}.project__img-overlay:hover{opacity:.97}}.project__links{display:flex;align-items:center}.project__link--1,.project__link--2{text-align:center;color:#47c2ff;opacity:.6;transition:all .4s}.project__link--1:hover,.project__link--2:hover{color:#47c2ff;opacity:1}.project__link--1 svg,.project__link--2 svg{font-size:18px;fill:#8e8e8e}.project__link--1 p,.project__link--2 p{font-size:16px;border:1px solid #fff;border-radius:1rem;background:hsla(0,0%,100%,.2);padding:.5rem 4rem;margin-top:1rem;transition:all .4s}.project__project-title{font-size:26px;font-weight:700;color:#d2d2d2;margin-top:2rem;transition:color .4s}.project__project-title:hover{color:#47c2ff}.project__project-desc{font-size:14px;font-weight:600;margin-top:1rem;letter-spacing:.8px;line-height:1.8}.project__tech-stack{margin-top:3.5rem;line-height:1.6}.project__tech{font-size:16px;font-weight:600;color:#d2d2d2;text-transform:uppercase;display:inline;margin-right:1rem}.project__tech:not(:first-child):before{content:"";width:.5rem;height:.5rem;display:inline-block;background:#8e8e8e;border-radius:100%;vertical-align:middle;margin-right:1rem}.project__project-code-links{margin-top:1.5rem}.project__project-code-links a{display:inline-block;text-decoration:none;margin-right:2rem}.project__project-code-links a:last-child{margin-right:0}.project__project-code-links a svg{fill:#d2d2d2;width:3.5rem;height:3.5rem;transition:fill .4s}.project__project-code-links a svg:hover{fill:#47c2ff}.projects-showcase{margin-top:10rem}@media screen and (min-width:768px){.projects-showcase{display:flex;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width:1024px){.projects-showcase{padding:0 6rem}}.projects-link{padding-top:.5rem;margin-top:4rem}.projects-link__link{text-decoration:none;color:#47c2ff;font-size:16px;font-weight:600;padding:1rem 3rem;display:inline-block;background:none;border:1px solid #fff;border-radius:1rem;transition:all .6s;overflow:hidden;position:relative;cursor:pointer}.projects-link__link:focus{outline:none}.projects-link__link:before{content:"";display:block;position:absolute;background:hsla(0,0%,100%,.5);width:6rem;height:10rem;left:0;top:0;opacity:.5s;-webkit-filter:blur(3rem);filter:blur(3rem);transform:translateX(-130px) skewX(-15deg)}.projects-link__link:after{content:"";display:block;position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:100%;left:3rem;top:0;opacity:0;-webkit-filter:blur(30px);filter:blur(30px);transform:translate(-100px) scaleX(-15deg)}.projects-link__link:hover{color:#fff;background:#47c2ff;cursor:pointer}.projects-link__link:hover:before{transform:translateX(300px) skewX(-15deg);opacity:.6;transition:all .7s}.projects-link__link:hover:after{transform:translateX(300px) skewX(-15deg);opacity:1;transition:all .7s}.not-found{text-align:center;margin-top:3rem}.not-found__msg{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 6rem);height:calc(100svh - 6rem)}.not-found__msg--404-graphic{position:absolute;top:-1rem;left:-5rem;color:#47c2ff;font-size:62vw;font-weight:700;opacity:.1}@media screen and (max-width:1023px) and (orientation:landscape){.not-found__msg--404-graphic{top:-7rem}}@media screen and (min-height:812px) and (min-width:375px){.not-found__msg--404-graphic{left:-5rem;top:7.2rem}}@media screen and (min-width:768px){.not-found__msg--404-graphic{top:-7rem}}@media screen and (min-width:1280px){.not-found__msg--404-graphic{top:-2rem;left:50%;font-size:25vw;transform:translateX(-50%)}}.not-found__msg--hdr{margin-top:2rem}@media screen and (max-width:1023px) and (orientation:landscape){.not-found__msg--hdr{margin-top:6rem}}.not-found__msg--accent{display:block;font-size:30px;color:#47c2ff;padding:1rem 0}.not-found__msg--sub{margin-top:1.5rem}.slideout-menu{display:flex;flex-direction:row;background:#47c2ff;border-radius:0 1.5rem 1.5rem 0;height:60vh;width:8rem;opacity:.6;position:fixed;left:-6rem;top:50%;transform:translateY(-50%);box-shadow:5px 4px 11px -2px #0a0a0a;transition:all .3s ease-in-out;cursor:pointer;z-index:100}.slideout-menu:active,.slideout-menu:hover{opacity:1;left:0}.slideout-menu__icons-wrapper{display:flex;flex-direction:column;margin-top:auto;width:100%}.slideout-menu__icon{margin-left:auto;margin-right:auto;padding:.5rem 0;text-decoration:none;color:#1a1e22;font-size:28px;transition:color .4s}.slideout-menu__icon:hover{color:#fff}.slideout-menu__icon svg{fill:#1a1e22;transition:fill .4s}.slideout-menu__icon svg:hover{fill:#fff}.slideout-menu__icon--insta i{width:2.4rem}.slideout-menu__open-arrow{margin:auto 0 auto auto}.footer{text-align:center;margin-top:10rem}.footer__copyright{font-size:10px;font-weight:400;color:#b8b8b8;text-align:center;margin-bottom:1.6rem}@media screen and (min-width:768px){.footer__copyright{font-size:12px}}.footer__copyright a{text-decoration:none;color:#b8b8b8;transition:color .4s}.footer__copyright a:hover{color:#47c2ff}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%;background-color:#14171b}body{height:100%;overflow-x:hidden}body img{display:block;width:100%}body a,body a:hover{text-decoration:none}body ul{list-style-type:none}#root{background-color:#14171b;font-family:"Open Sans",sans-serif;font-size:16px;font-weight:600;color:#8e8e8e;letter-spacing:.5px;line-height:1.3;height:100%}
/*# sourceMappingURL=main.28fb375e.chunk.css.map */