*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}@media screen and (max-width:112.5em){html{font-size:55%}}@media screen and (max-width:62.5em){html{font-size:52%}}@media screen and (max-width:50em){html{font-size:45%}}@media screen and (max-width:37.5em){html{font-size:43%}}@media screen and (max-width:22.5em){html{font-size:40%}}body{font-family:Oswald,sans-serif}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}}@keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}}@-webkit-keyframes test{0%{-webkit-transform:translateX(-20rem);transform:translateX(-20rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes test{0%{-webkit-transform:translateX(-20rem);transform:translateX(-20rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.grid{display:grid;grid-template-rows:100vh repeat(5,-webkit-min-content);grid-template-rows:100vh repeat(5,min-content);grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [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,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}@media screen and (max-width:43.75em){.grid{grid-template-columns:[center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end];grid-template-columns:[center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end];grid-template-rows:100vh repeat(5,-webkit-min-content);grid-template-rows:100vh repeat(5,min-content)}}.section-introduction{grid-row:1/2;align-content:center}.section-about-me,.section-introduction{grid-column:center-start/center-end;display:grid}.section-about-me{grid-row:2/3;grid-template-columns:1fr 1.5fr;grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content);margin-bottom:20rem}@media screen and (max-width:43.75em){.section-about-me{margin-bottom:10rem}}.section-portfolio{margin-top:15rem;grid-column:center-start/center-end;grid-row:6/7;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:-webkit-min-content repeat(7,10rem);grid-template-rows:min-content repeat(7,10rem);grid-gap:3rem}@media screen and (max-width:43.75em){.section-portfolio{display:flex;flex-direction:column;margin-top:10rem}}.section-portfolio__heading{text-align:center;grid-row:1/2;grid-column:1/-1;font-size:4rem;margin-bottom:4rem;font-weight:500}.section-education{grid-row:4/5;grid-column:center-start/col-end 4;display:grid}@media screen and (max-width:43.75em){.section-education{grid-column:center-start/center-end}}.section-education__heading{font-size:4rem;font-weight:400}@media screen and (max-width:43.75em){.section-education__heading{text-align:center}}.section-work-experience{grid-row:4/5;grid-column:col-start 5/center-end;display:grid;align-content:start}@media screen and (max-width:43.75em){.section-work-experience{grid-row:5/6;grid-column:center-start/center-end;margin-top:10rem}}.section-work-experience__heading{font-size:4rem;font-weight:400}@media screen and (max-width:43.75em){.section-work-experience__heading{text-align:center}}.hello{grid-row:2/3;grid-column:1/2;letter-spacing:.1rem;font-family:Roboto Condensed,sans-serif;align-self:center;justify-self:start}@media screen and (max-width:50em){.hello{margin-top:10rem;padding:2rem 10rem;justify-self:center}}@media screen and (max-width:31.25em){.hello{margin-top:0}}.hello__im{display:inline-block;background-color:#0bceaf;font-size:2rem;padding:1rem 2rem;border-top-left-radius:2rem;border-top-right-radius:2rem;border-bottom-right-radius:2rem;color:#fff;font-weight:300;font-family:Oswald,sans-serif}.hello__name{font-size:5rem;margin-top:2rem}@media screen and (max-width:31.25em){.hello__name{font-size:4rem}}.hello__link{text-decoration:none;color:#000}.hello__stack{font-size:2rem;margin-top:1rem}.hello__email{font-size:1.4rem;margin-top:4rem;display:flex;align-items:center;font-weight:400;cursor:pointer}@media screen and (max-width:31.25em){.hello__email{margin-top:2rem}}.hello__email-icon{margin-right:1rem;fill:#000;transition:all .3s}.hello__email:hover .hello__email-icon{fill:#0bceaf}.hello__number{font-size:1.3rem;margin-top:2rem;display:flex;align-items:center;cursor:pointer;font-weight:400}.hello__phone-icon{margin-right:1rem;transition:all .3s}.hello__number:hover .hello__phone-icon{fill:#0bceaf}.hello__icon{width:2rem;height:2rem}.hello__icons{display:flex;align-items:center;margin-top:3rem;margin-left:3rem}.hello__icons--1,.hello__icons--2{margin-right:3rem}.hello__icons--1,.hello__icons--2,.hello__icons--3{padding:1rem;transition:all .3s;border-radius:.4rem}.hello__icons--1:hover,.hello__icons--2:hover,.hello__icons--3:hover{background-color:#000;fill:#0bceaf}.hero{grid-row:2/3;grid-column:2/3;justify-self:center;align-self:center;position:relative}@media screen and (max-width:50em){.hero{grid-column:1/-1;grid-row:3/4}}.hero__img{width:30rem;height:30rem;border-radius:50%}.hero__border--1{grid-row:2/3;grid-column:2/3;justify-self:center;align-self:center;border-radius:50%;width:34rem;height:34rem;background-color:rgba(0,0,0,.08);position:relative;z-index:-1}@media screen and (max-width:50em){.hero__border--1{grid-column:1/-1;grid-row:3/4}}.hero__border--2{grid-row:2/3;grid-column:2/3;justify-self:center;align-self:center;border-radius:50%;width:38rem;height:38rem;position:relative;z-index:-2;background-color:rgba(0,0,0,.05)}@media screen and (max-width:50em){.hero__border--2{grid-column:1/-1;grid-row:3/4}}.navigation__checkbox{display:none}.navigation__button{background-color:#fff;height:7rem;width:7rem;position:fixed;top:6rem;right:6rem;border-radius:50%;z-index:2000;box-shadow:0 1rem 3rem rgba(0,0,0,.1);text-align:center;cursor:pointer}@media only screen and (max-width:56.25em){.navigation__button{top:4rem;right:4rem}}@media only screen and (max-width:37.5em){.navigation__button{top:3rem;right:3rem}}.navigation__background{height:6rem;width:6rem;border-radius:50%;position:fixed;top:6.5rem;right:6.5rem;background-image:radial-gradient(#0bceaf,#7ed56f);z-index:1000;transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1),-webkit-transform .8s cubic-bezier(.86,0,.07,1)}@media only screen and (max-width:56.25em){.navigation__background{top:4.5rem;right:4.5rem}}@media only screen and (max-width:37.5em){.navigation__background{top:3.5rem;right:3.5rem}}.navigation__nav{height:100vh;position:fixed;top:0;left:0;z-index:1500;opacity:0;width:0;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.navigation__list{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);list-style:none;text-align:center;width:100%}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{display:inline-block;font-size:3rem;font-weight:300;padding:1rem 2rem;color:#fff;text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg,transparent,transparent 50%,#fff 0);background-size:240%;transition:all .4s}.navigation__link:link span,.navigation__link:visited span{margin-right:1.5rem;display:inline-block}.navigation__link:active,.navigation__link:hover{background-position:100%;color:#0bceaf;-webkit-transform:translateX(1rem);transform:translateX(1rem)}.navigation__checkbox:checked~.navigation__background{-webkit-transform:scale(100);transform:scale(100)}.navigation__checkbox:checked~.navigation__nav{opacity:1;width:100%}.navigation__icon{position:relative;margin-top:3.5rem}.navigation__icon,.navigation__icon:after,.navigation__icon:before{width:3rem;height:2px;background-color:#333;display:inline-block}.navigation__icon:after,.navigation__icon:before{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon:before{top:-.8rem}.navigation__icon:after{top:.8rem}.navigation__button:hover .navigation__icon:before{top:-1rem}.navigation__button:hover .navigation__icon:after{top:1rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon:before{top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon:after{top:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.about-me-image{justify-self:center;align-self:center;height:auto;margin-bottom:3rem;box-shadow:0 2rem 6rem rgba(0,0,0,.08);border-radius:3rem}@media screen and (max-width:50em){.about-me-image{grid-column:1/-1}}.about-me-image-photo{display:block;width:100%;border-radius:3rem}@media screen and (max-width:50em){.about-me-image-photo{display:none}}.about-me{grid-column:2/3;justify-self:center;padding:0 6rem}@media screen and (max-width:50em){.about-me{grid-column:1/-1;grid-row:1/2}}.about-me__text{font-size:4rem;font-weight:400}.about-me__info{font-size:2rem;font-weight:300;font-family:Oswald,sans-serif;margin-bottom:3rem}.about-me__btn:link,.about-me__btn:visited{color:#fff;background-color:#0bceaf;padding:1rem 5rem;border-radius:6rem;font-size:2rem;text-decoration:none;margin-top:3rem;display:inline-block;transition:all .3s;box-shadow:0 2rem 4rem rgba(0,0,0,.1);font-weight:400;letter-spacing:.02rem;opacity:.8}.about-me__btn:link:hover,.about-me__btn:visited:hover{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem);box-shadow:0 2rem 4rem rgba(0,0,0,.2)}.about-me__btn:link:active,.about-me__btn:visited:active{-webkit-transform:translateY(.1rem);transform:translateY(.1rem);box-shadow:0 2rem 4rem rgba(0,0,0,.1)}.about-me__btn-icon{width:3rem;height:3rem;margin-left:2rem}.about-me__btn-section{margin-top:3rem;display:flex;align-content:flex-start}#center{display:flex;justify-content:center;align-items:center}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;display:inline-block;border-radius:10rem;transition:all .2s;position:relative;font-size:1.6rem;border:none;cursor:pointer}.btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}.btn--white{background-color:#fff;color:#777}.btn--white:after{background-color:#fff}.btn--green{background-color:#0bceaf;color:#fff}.btn--green:after{background-color:#0bceaf}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:10rem;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.btn--animated{-webkit-animation:moveInBottom .5s ease-out .75s;animation:moveInBottom .5s ease-out .75s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.btn-text:link,.btn-text:visited{font-size:1.6rem;color:#0bceaf;display:inline-block;text-decoration:none;border-bottom:1px solid #0bceaf;padding:3px;transition:all .2s}.btn-text:hover{background-color:#0bceaf;color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-text:active{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-transform:translateY(0);transform:translateY(0)}.primary-card{padding:2rem;width:80%;box-shadow:0 0 4rem rgba(0,0,0,.1);margin-top:3rem;font-size:1.6rem;opacity:.8;font-family:Roboto Condensed,sans-serif}@media screen and (max-width:43.75em){.primary-card{justify-self:center}}.primary-card__heading{font-weight:600;font-size:2.2rem}.primary-card__location{color:#0bceaf;font-style:italic;font-weight:600;font-size:2rem;margin-top:1rem}.primary-card__year{color:#0bceaf;font-weight:300;font-size:1.2rem;margin-top:.5rem}.primary-card__text{margin-top:.5rem;font-weight:400;font-size:1.5rem;line-height:1.5}.primary-card__btn{padding:1rem 4rem;margin-top:2rem}.certificate{transition:all .4s}@media screen and (max-width:50em){.certificate{grid-column:1/-1;text-align:center;margin-top:10rem}}.certificate__link,.certificate__link:active,.certificate__link:visited{color:#fff}.certificate__img{width:50%;height:auto}.certificate__heading{color:#002855;font-size:2rem}.certificate__sub-heading{font-size:1.4rem;width:50%}@media screen and (max-width:50em){.certificate__sub-heading{width:100%}}.certificate__name{margin-top:1rem;font-size:1.8rem;font-weight:300}.certificate__recipient{font-weight:400;color:#aaa}.certificate__date{font-size:1.8rem;font-weight:300;margin-bottom:1rem}.certificate__issued{font-size:1.8rem;font-weight:400;color:#aaa}.portfolio-card{border-radius:1rem;position:relative;overflow:hidden}@media screen and (max-width:43.75em){.portfolio-card{width:80%;height:100%;margin:2rem auto}}.portfolio-card:hover{cursor:pointer}.portfolio-card:hover .portfolio-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.portfolio-card:hover:after{background-color:#0ce9c6}.portfolio-card:after{content:"";display:block;position:absolute;background:transparent;width:100%;height:100%;top:0;left:0;opacity:.9;z-index:1;border-radius:1rem;transition:all .4s}.portfolio-card__project-name{position:absolute;top:62%;left:50%;-webkit-transform:translate(-10rem,-50%);transform:translate(-10rem,-50%);color:#fff;font-size:2rem;letter-spacing:.1rem;font-weight:400;opacity:0;transition:all .4s;z-index:2}.portfolio-card:hover .portfolio-card__project-name{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portfolio-card__icon{width:3rem;height:3rem;fill:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;opacity:0;transition:all .4s}.portfolio-card:hover .portfolio-card__icon{opacity:1}.portfolio-card:hover .portfolio-card__project-name{opacity:1}.portfolio-card__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:1rem;transition:all .4s}.portfolio-card--1{grid-row:2/5;grid-column:1/3}.portfolio-card--2{grid-row:2/4;grid-column:3/5}.portfolio-card--3{grid-column:5/7;grid-row:2/5}.portfolio-card--4{grid-column:1/3;grid-row:5/7}.portfolio-card--5{grid-column:3/5;grid-row:4/6}.portfolio-card--6{grid-row:5/7;grid-column:5/7}.portfolio-card--7{grid-row:7/9;grid-column:1/3}.portfolio-card--8{grid-row:6/9;grid-column:3/5}.portfolio-card--9{grid-row:7/9;grid-column:5/7}.popup{height:100vh;width:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);z-index:9999;opacity:0;visibility:hidden;transition:all .3s}.popup__content{position:absolute;top:45%;left:50%;width:75%;background-color:#fff;box-shadow:0 2rem 4rem rgba(0,0,0,.2);border-radius:3px;overflow:hidden;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.25);transform:translate(-50%,-50%) scale(.25);transition:all .5s .2s;padding:6rem;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(4,-webkit-min-content);grid-template-rows:repeat(4,min-content);grid-column-gap:3rem;grid-row-gap:3rem}@media screen and (max-width:112.5em){.popup__content{top:50%;padding:4rem}}@media screen and (max-width:43.75em){.popup__content{display:flex;flex-direction:column}}.popup__project-name{grid-column:1/2;grid-row:1/2;font-size:4rem;border-bottom:2px solid #333}.popup__text{font-size:1.5rem;font-weight:400;opacity:.8}@media screen and (max-width:43.75em){.popup__text{grid-row:3/4;grid-column:1/-1}}.popup__img{width:100%;height:100%;object-fit:cover;grid-column:2/3;grid-row:1/5}@media screen and (max-width:43.75em){.popup__img{grid-row:2/3;grid-column:1/-1;height:auto}}.popup__technologies{grid-column:1/2;align-self:start}@media screen and (max-width:43.75em){.popup__technologies{grid-row:4/5;grid-column:1/-1;height:auto}}.popup__btn{grid-column:1/2;justify-self:start;align-self:start}.popup__close:link,.popup__close:visited{color:#777;position:absolute;top:.01rem;right:2rem;font-size:6rem;text-decoration:none;display:inline-block;transition:all .2s;line-height:1;outline:none}.popup__close:hover{color:#0bceaf}.open{opacity:1;visibility:visible}.open .popup__content{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.technologies{font-size:2rem;display:flex;flex-wrap:wrap}.technologies p{border:1px solid #0bceaf;padding:.5rem;border-radius:.5rem;font-size:1.5rem;transition:all .4s;font-weight:300;letter-spacing:.1rem;margin:.5rem}.technologies p:hover{background-color:#0bceaf;color:#fff;-webkit-animation:pulsate 1s infinite;animation:pulsate 1s infinite}.footer{grid-row:7/8;grid-column:center-start/center-end;margin:5rem 0;padding:4rem;display:flex}@media screen and (max-width:31.25em){.footer{flex-direction:column;text-align:center;justify-content:center;align-items:center;margin:0 auto}}.footer__text{font-size:1.5rem;margin-bottom:1rem}.footer__link:link,.footer__link:visited{text-decoration:none;color:#fff;padding:.2rem 2rem}.footer__text-section{margin-right:auto}@media screen and (max-width:31.25em){.footer__text-section{margin:3rem 0}}.footer__built-with{font-size:1.5rem}
/*# sourceMappingURL=main.6c1be1b8.chunk.css.map */