@import url(https://fonts.googleapis.com/css?family=Cabin+Sketch:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Poppins:400,500&display=swap);@import url(https://fonts.googleapis.com/css?family=Space+Mono&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{background-color:var(--mainWhite)}.about{grid-column:center-start/center-end;padding:15rem 0;align-self:center;display:grid;grid-template-columns:repeat(5,1fr)}@media screen and (max-width:775px){.about{grid-template-columns:1fr}}@media screen and (max-width:575px){.about{grid-column:full-start/full-end;margin:0 2rem;padding:5rem 0}}.about__title{display:flex;margin-bottom:4rem;font-size:3.2rem}@media screen and (max-width:480px){.about__title{font-size:2.6rem;margin-bottom:2rem}}.about__title:after{content:"";display:block;height:1px;width:30rem;background-color:var(--darkGrey);position:relative;top:2.5rem;margin-left:20px}@media screen and (max-width:720px){.about__title:after{width:35vw}}@media screen and (max-width:480px){.about__title:after{top:2rem}}.about__wrapper{grid-column:3/-1}@media screen and (max-width:1250px){.about__wrapper{padding-right:5%}}@media screen and (max-width:1100px){.about__wrapper{grid-column:2/-1}}@media screen and (max-width:775px){.about__wrapper{padding:0}}.contact{grid-column:center-start/center-end;align-self:center;justify-self:center;text-align:center}@media screen and (max-width:575px){.contact{padding:0}}.contact__title{font-size:4rem;margin-bottom:5rem}@media screen and (max-width:575px){.contact__title{font-size:3rem}}.contact__phone{font-size:3rem;color:var(--darkGrey)}.contact__btn{width:18rem;height:6rem;margin-top:3rem;font-size:1.6rem;color:var(--lightGreen);background-color:var(--mainWhite);border-radius:.4rem;border:.25rem solid var(--lightGreen);cursor:pointer;transition:all .3s ease 0s}.contact__btn:hover{background-color:#0d1b6d}.contact__btn a{text-decoration:none;color:var(--lightGreen)}.email{display:flex;flex-direction:column;align-items:center;position:relative;width:4rem;position:fixed;bottom:0;right:4rem;left:auto;z-index:10}@media screen and (max-width:769px){.email{display:none}}.email:after{content:"";display:block;width:.1rem;height:9rem;background-color:var(--lightGrey);margin:0 auto}.email a{display:inline-block;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:var(--mediumGrey);position:relative;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:2rem auto;padding:1rem;font-size:1.7rem}.email a:hover{color:var(--secondaryColor);transform:translateY(-5px)}.hero{grid-column:center-start/center-end;padding:15% 0;height:100%;align-self:center;justify-self:center}@media screen and (max-width:575px){.hero{grid-column:full-start/full-end;margin:0 2rem}}.hero__dot{height:1.5rem;width:1.5rem;background-color:var(--darkGrey);border-radius:50%;display:inline-block}@media screen and (max-width:680px){.hero__dot{height:1rem;width:1rem}}.hero__dot1{height:1.5rem;width:1.5rem;background-color:#7e8aa7;border-radius:50%;display:inline-block}@media screen and (max-width:680px){.hero__dot1{height:1rem;width:1rem}}.hero__content{display:grid;align-content:center;height:100%}@media screen and (max-width:1250px){.hero__content{padding:5% 4%}}@media screen and (max-width:680px){.hero__content{padding:0}}@media screen and (max-width:575px){.hero__content{grid-template-rows:3rem 6rem 12rem repeat(2,-webkit-min-content);grid-template-rows:3rem 6rem 12rem repeat(2,min-content)}}@media screen and (max-width:475px){.hero__content{grid-template-rows:3rem -webkit-min-content -webkit-min-content repeat(2,-webkit-min-content);grid-template-rows:3rem min-content min-content repeat(2,min-content)}}.hero__name,.hero__subtitle{font-size:7rem;margin:0}@media screen and (max-width:1250px){.hero__name,.hero__subtitle{font-size:6rem}}@media screen and (max-width:780px){.hero__name,.hero__subtitle{font-size:5rem}}@media screen and (max-width:575px){.hero__name,.hero__subtitle{font-size:3.5rem}}@media screen and (max-width:375px){.hero__name,.hero__subtitle{font-size:3rem}}.hero__subtitle,.hero__text{color:var(--mediumGrey)}.hero__text{margin:0;font-size:1.8rem}@media screen and (max-width:475px){.hero__text{font-size:1.5rem}}.hero__text--1{color:var(--lightGreen)}.hero__text--2{padding:3rem 0;color:var(--lightText)}.hero__btn{width:18rem;height:6rem;margin-top:3rem;font-size:1.6rem;color:var(--lightGreen);background-color:var(--mainWhite);border-radius:.4rem;border:.25rem solid var(--primaryColor);cursor:pointer;transition:all .3s ease 0s}@media screen and (max-width:335px){.hero__btn{margin:0}}.hero__btn:hover{background-color:#0d1b6d}.side-drawer{height:100vh;background:var(--mainWhite);box-shadow:2px 0 5px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:60vw;max-width:400px;z-index:200000000;transform:translateX(-100%);transition:transform .4s ease-out}.side-drawer.open{transform:translateX(0)}.side-drawer__dot{height:1rem;width:1rem;background-color:var(--lightGrey);border-radius:50%;display:inline-block}.side-drawer ul{list-style:none}.side-drawer__links,.side-drawer ul li{display:flex;justify-content:center;align-items:center;flex-direction:column}.side-drawer__links{height:100%;position:relative;right:0;margin-left:auto;font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono","Lucida Console",Monaco,monospace;box-shadow:-10px 0 30px -15px rgba(2,12,27,.7);padding:50px}.side-drawer__link{background-color:var(--mainWhite);color:var(--darkGrey);outline:none;font-size:1.8rem;font-weight:600;padding:.9rem 2rem;border:none;border-radius:.4rem;margin:2rem 0;cursor:pointer;transition:all .3s ease 0s}.side-drawer__link:hover{background-color:var(--mainGrey);background-color:var(--primaryColor)}.side-drawer__resume-btn{margin-top:3rem;font-size:1.5rem;color:var(--lightGreen);padding:1.7rem 3rem;margin-left:1rem;background-color:var(--mainWhites);border-radius:.5rem;border:.2rem solid var(--lightGreen);cursor:pointer;transition:all .3s ease 0s}.side-drawer__resume-btn:hover{background-color:#0d1b6d}@media (min-width:769px){.side-drawer{display:none}}.backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,.3);z-index:200}.toggle-button{display:inline-block;cursor:pointer;margin-top:.5rem}@media screen and (min-width:769px){.toggle-button{display:none}}.toggle-button__bar1,.toggle-button__bar2,.toggle-button__bar3{width:2.1rem;height:.25rem;background-color:var(--mediumGrey);margin:.4rem 0;border-radius:1rem;transition:.3s}.animate .toggle-button__bar1{transform:rotate(-45deg) translate(-4.5px,4px)}.animate .toggle-button__bar2{opacity:0}.animate .toggle-button__bar3{transform:rotate(45deg) translate(-5px,-4.5px)}.headroom-wrapper{grid-column:full-start/full-end;z-index:100}.logo{cursor:pointer;height:80px;width:70px}@media screen and (max-width:769px){.logo{height:50px;width:40px}}header{grid-column:full-start/full-end;display:flex;justify-content:space-between;align-items:center;padding:0 2%;border-bottom:.1rem solid var(--darkGrey);background-color:var(--mainWhite);box-shadow:0 2.5px 2px -2px var(--mainGrey)}@media screen and (max-width:769px){header{padding:0 2%}}.nav__links{list-style:none}.nav__links li{display:inline-block;padding:0 1rem}.nav__link{background-color:var(--mainWhite);color:var(--linkNav);outline:none;font-size:1.4rem;font-weight:600;padding:.9rem 2rem;border:none;border-radius:.4rem;cursor:pointer;transition:all .3s ease 0s}.nav__link:hover{background-color:#41fbda;color:var(--mainWhite)}@media screen and (max-width:769px){.nav__link,.nav__link-resume{display:none}}@media screen and (min-width:769px){.nav__toggle-button{display:none}}.btn{padding:.9rem 3rem;margin-left:1rem;background-color:var(--mainWhite);border-radius:.4rem;border:.2rem solid var(--lightGreen);cursor:pointer;transition:all .3s ease 0s}.btn,.btn:hover{color:var(--lightGreen)}.btn:hover{background-color:#0d1b6d}.footer{grid-column:full-start/full-end;display:grid;grid-row-gap:2rem;align-content:center;justify-content:center}.footer__links ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;list-style:none}.footer__links .icon{display:list-item;font-size:2.5rem;margin:1.2rem 2rem;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;cursor:pointer;color:var(--offWhite)}.footer__links .icon:hover{color:var(--primaryColor);transform:translateY(-5px)}@media screen and (min-width:769px){.footer__links{display:none}}.footer__text{text-align:center;color:var(--offWhite);font-size:1.5rem;margin:0;transition:cubic-bezier(.6,-.28,.735,.045);cursor:pointer}.footer__text:hover{color:var(--primaryColor)}:root{--primaryColor:#84f8dd;--secondaryColor:#5acfb4;--lightGreen:#41fbda;--mainWhite:#0a192f;--offWhite:#f7f7f7;--mainGrey:#e7e7e7;--lightGrey:#858585;--mediumGrey:#7e8aa7;--darkGrey:#ccd6f6;--lightText:#909a90;--linkNav:#afc5c7;--mainTransition:all 0.3s linear;--mainSpacing:2px}html{box-sizing:border-box;font-size:62.5%}html::-webkit-scrollbar{width:.7rem}html::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ccd6f6;background-color:var(--darkGrey)}html::-webkit-scrollbar-thumb{border-radius:10px;background-image:linear-gradient(180deg,#84f8dd 60%,#242424);background-image:linear-gradient(180deg,var(--primaryColor) 60%,#242424);outline:1px solid #858585;outline:1px solid var(--lightGrey)}body,html{width:100%;margin:0;padding:0;overflow-x:hidden}*,:after,:before{margin:0;padding:0;box-sizing:inherit;text-decoration:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;font-weight:700;font-size:2.8rem;letter-spacing:2px;letter-spacing:var(--mainSpacing)}h1,h2,h3,h4,h5,h6,p{margin-bottom:1.25rem;color:#ccd6f6;color:var(--darkGrey)}p{font-family:"Proza Libre",sans-serif;font-size:1.5rem;line-height:25px}.container{display:grid;grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,13rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,13rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-rows:auto 90vh repeat(2,-webkit-min-content) 60vh 10rem;grid-template-rows:auto 90vh repeat(2,min-content) 60vh 10rem}@media screen and (max-width:769px){.container{grid-template-rows:auto minmax(90vh,auto) repeat(2,-webkit-min-content) 60vh 16rem;grid-template-rows:auto minmax(90vh,auto) repeat(2,min-content) 60vh 16rem}}@media screen and (max-width:575px){.container{grid-template-rows:auto minmax(90vh,auto) repeat(2,-webkit-min-content) 70vh 14rem;grid-template-rows:auto minmax(90vh,auto) repeat(2,min-content) 70vh 14rem}}.links{width:4rem;position:fixed;bottom:0;left:4rem;right:auto;z-index:10}@media screen and (max-width:769px){.links{display:none}}.links:after{content:"";display:block;width:.1rem;height:9rem;background-color:var(--lightGrey);margin:0 auto}.links ul{display:flex;flex-direction:column;align-items:center;margin:0;list-style:none;padding:0 0 1.2rem}.links .icon{display:list-item;font-size:2.5rem;margin:1.2rem 0;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;cursor:pointer;color:var(--mediumGrey)}.links .icon:hover{color:var(--secondaryColor);transform:translateY(-5px)}.work{grid-column:center-start/center-end;padding:15rem 4%}@media screen and (max-width:769px){.work{padding:15rem 0}}@media screen and (max-width:575px){.work{grid-column:full-start/full-end;margin:0 1.5rem;padding-top:10rem;padding-bottom:0}}.work__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(auto,1fr);grid-row-gap:10rem}@media screen and (max-width:767px){.work__wrapper{grid-row-gap:5rem;grid-template-rows:1fr}}.work__title{display:flex;font-size:3.2rem}@media screen and (max-width:765px){.work__title{font-size:2.8rem}}@media screen and (max-width:480px){.work__title{font-size:2.4rem}}.work__title:after{content:"";display:block;height:1px;width:300px;background-color:var(--darkGrey);position:relative;top:2.5rem;margin-left:20px}@media screen and (max-width:720px){.work__title:after{width:22vw;margin-left:15px}}@media screen and (max-width:576px){.work__title:after{display:none}}@media screen and (max-width:375px){.work__title:after{top:2rem}}.project{position:relative;display:grid;grid-template-columns:repeat(12,1fr);padding:3rem 0}@media screen and (max-width:767px){.project{grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin-bottom:5rem}}.project__img-wrapper{grid-column:1/span 7;height:100%}@media screen and (max-width:767px){.project__img-wrapper{grid-row:1/span 1;grid-column:1}}.project__img{grid-column:1/span 7;width:100%;height:100%;object-fit:cover;display:block;opacity:.9;border:.1rem solid var(--mainGrey);transition:.3s cubic-bezier(.6,-.28,.735,.045)}@media screen and (max-width:1050px){.project__img{height:32rem}}@media screen and (max-width:767px){.project__img{height:100%}}.project__img:hover{opacity:1}.project__info{position:absolute;grid-column:7/-1;z-index:2;display:grid;grid-template-rows:6rem 6rem -webkit-min-content 6rem 6rem;grid-template-rows:6rem 6rem min-content 6rem 6rem}@media screen and (max-width:767px){.project__info{grid-column:1;grid-row:2;align-items:center;grid-template-rows:3rem 5rem -webkit-min-content 4rem 4rem;grid-template-rows:3rem 5rem min-content 4rem 4rem}}@media screen and (max-width:576px){.project__info{grid-template-rows:3rem 5rem 1fr 5rem 5rem}}.project__info h5{justify-self:self-end;align-self:center;color:var(--secondaryColor);font-family:"Space Mono",monospace;font-size:1.3rem;margin:0}@media screen and (max-width:767px){.project__info h5{padding-top:2%;font-size:1.2rem}}.project__info h4{justify-self:self-end;margin:0;font-size:2.8rem}@media screen and (max-width:879px){.project__info h4{font-size:2.4rem}}@media screen and (max-width:576px){.project__info h4{font-size:2rem}}.project__info ul{position:relative;list-style:none;display:flex;flex-wrap:wrap;justify-self:self-end;align-self:center;z-index:2}@media screen and (max-width:576px){.project__info ul{justify-self:self-start;margin:0 -.6rem}}.project__info ul li{flex:auto;font-size:1.4rem;color:var(--lightGrey);margin:0 .6rem}.project__content{display:grid;grid-template-rows:repeat(5,-webkit-min-content);grid-template-rows:repeat(5,min-content)}.project__about{width:100%;height:auto;border:.2rem solid var(--mainGrey);background-color:var(--mainWhite);padding:4%;border-radius:3px;font-size:1.8rem}@media screen and (max-width:767px){.project__about{border:none;padding:2% 0;box-shadow:none}}.project__about p{margin:0}.project__links{justify-self:self-end;display:flex;align-items:center;position:relative;font-size:2.5rem}.project__icon{color:var(--darkGrey);margin-left:2rem;cursor:pointer;transition:all .3s ease-in}.project__icon:hover{color:var(--secondaryColor)}.finalpractice-project .project__img-wrapper,.linkedin-project .covid-project .project__img-wrapper,.shoptobuy-project .project__img-wrapper{grid-column:6/-1}@media screen and (max-width:767px){.finalpractice-project .project__img-wrapper,.linkedin-project .covid-project .project__img-wrapper,.shoptobuy-project .project__img-wrapper{grid-column:1}}.finalpractice-project .project__info,.linkedin-project .covid-project .project__info,.shoptobuy-project .project__info{position:absolute;grid-column:1/7}.finalpractice-project .project__info h4,.finalpractice-project .project__info h5,.finalpractice-project .project__info ul,.linkedin-project .covid-project .project__info h4,.linkedin-project .covid-project .project__info h5,.linkedin-project .covid-project .project__info ul,.shoptobuy-project .project__info h4,.shoptobuy-project .project__info h5,.shoptobuy-project .project__info ul{justify-self:self-start}.finalpractice-project .project__info h4,.linkedin-project .covid-project .project__info h4,.shoptobuy-project .project__info h4{font-size:2.8}.finalpractice-project .project__info ul li,.linkedin-project .covid-project .project__info ul li,.shoptobuy-project .project__info ul li{margin:0 .6rem}.finalpractice-project .project__links,.linkedin-project .covid-project .project__links,.shoptobuy-project .project__links{justify-self:self-start}.finalpractice-project .project__icon,.linkedin-project .covid-project .project__icon,.shoptobuy-project .project__icon{margin:0 2rem 0 0}
/*# sourceMappingURL=main.fb3892a1.chunk.css.map */