@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&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;box-sizing:border-box;background-color:#f6f4f2;cursor:default}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:transparent}body::-webkit-scrollbar-thumb{background-color:#8b576e}.navbar{margin:2rem 4rem;width:90vw;font-family:"Josefin Slab",serif}.navbar,.navbar .links{display:flex;justify-content:space-between}.navbar .links{margin-top:.5em;width:12rem}.navbar .links a{font-family:"Lato",sans-serif;text-transform:uppercase}.navbar .links a,.navbar .name{text-decoration:none;color:#57514c}.navbar .name{margin:0 2rem;font-size:1.2rem}.navbar .name p{margin:0;text-align:center}.navbar .name .lastName{transform:rotateX(180deg)}.navbar .name .firstName{margin-top:.5em}.navbar .name:hover .firstName{margin-top:0;transform:rotateX(180deg)}.navbar .name:hover .lastName{transform:rotateX(0);margin-top:.5em}@media(max-width:991.98px){.navbar{margin:2rem}.navbar .name{margin:0}}@media(max-width:767.98px){.navbar{width:100%;margin:2rem 0;flex-direction:column}.navbar .links{width:60%;align-self:center;margin-top:2rem;justify-content:space-evenly}}.description{margin:4rem 6rem;height:92rem;display:flex;flex-direction:column}.description .butterfly1{position:absolute;z-index:1;width:5rem;margin-left:22rem;margin-top:8rem;animation:move 3s ease-in-out infinite}@keyframes move{0%{transform:translate3d(2px,2px,0)}25%{transform:translate3d(4px,4px,0)}50%{transform:translate3d(6px,6px,0)}75%{transform:translate3d(4px,4px,0)}to{transform:translate3d(2px,2px,0)}}.description .aboutMe{align-self:flex-start;color:#948f8d;font-size:1.5rem;margin:0}.description .aboutMe span{color:#d09dae;font-weight:700}.description h1{color:#948f8d;font-weight:300;font-size:12rem;align-self:center;margin:0}.description h2{color:#57514c;font-weight:300;font-style:italic;font-size:12rem;align-self:flex-start;margin:6rem 0}.description .hiba{width:60rem;align-self:center;opacity:.6}.description .hiba:hover{opacity:.8}.description .hibaAnimation{width:40rem;align-self:center;opacity:.6;animation:size 2s ease}@keyframes size{0%{width:60rem}25%{width:55rem}50%{width:50rem}75%{width:45rem}to{width:40rem}}.description .hibaAnimation:hover{opacity:.8}.description .introduction{font-family:"Lato",sans-serif;color:#948f8d;align-self:flex-end;width:32rem;position:absolute;right:3rem;margin-right:4rem;top:44rem;text-align:justify;text-transform:uppercase}.description .introduction span{font-style:italic;text-transform:none}.description .introduction a{color:#694e5a}.description .introduction .studies{color:#57514c;font-weight:300;text-transform:none}@media(max-width:991.98px){.description{width:100%;margin:4rem 0;justify-content:center;text-align:center;height:auto}.description .aboutMe{font-size:1.1rem;align-self:center}.description h1{font-size:5rem;margin:1rem 0}.description .butterfly2{right:18rem;top:1.5rem}.description .butterfly1{margin-left:30rem;margin-top:-14rem}.description .developer{margin:1rem 0;flex-direction:column;justify-content:center;align-items:center;align-content:center}.description .developer h2{font-size:5rem;margin:0}.description .hiba,.description .hibaAnimation{width:30rem;animation:none;opacity:.8}.description .introduction{width:30rem;position:relative;align-self:center;top:0;margin:0;right:0}.description .scroll{display:none}}@media(max-width:767.98px){.description{margin:2rem 0}.description .aboutMe{font-size:1rem}.description h1{font-size:3rem}.description .butterfly1{margin-left:16rem;margin-top:-16rem}.description .developer h2{font-size:3rem}.description .hiba,.description .hibaAnimation,.description .introduction{width:20rem}}.projectsList{color:#57514c}.projectsList a{text-decoration:none;color:#57514c}.projectsList a:active,.projectsList a:visited{color:inherit}.projectsList a:focus{outline-offset:none}.projectsList .project{margin:10rem 2rem}.projectsList .project .alignLeft,.projectsList .project .alignRight{display:flex;align-items:center;justify-content:space-evenly;align-content:center;flex-wrap:wrap}.projectsList .project .alignRight{flex-direction:row-reverse}.projectsList .project .projectDescription{width:40rem;height:auto;text-align:justify;display:flex;flex-direction:column}.projectsList .project .projectDescription .text{padding-top:4rem}.projectsList .project .projectDescription p{font-size:1.2rem;font-family:"Lato",sans-serif;color:#948f8d}.projectsList .project .projectDescription h2{font-size:5rem;margin:0}.projectsList .project .projectDescription .outerLinks{width:6rem;display:flex;justify-content:space-between;padding-bottom:2rem}.projectsList .project .projectDescription .outerLinks svg{width:2rem;height:2rem;fill:#57514c}.projectsList .project .projectDescription .outerLinks svg path{fill:#57514c}.projectsList .project .card{width:40rem;height:25rem;opacity:.8;object-fit:cover;z-index:1;will-change:transform;box-shadow:0 10px 30px -5px rgba(0,0,0,.3);transition:box-shadow .5s}.projectsList .project .card:hover{opacity:1;box-shadow:0 30px 100px -10px rgba(0,0,0,.4)}@media(max-width:991.98px){.projectsList .project{margin:4rem 2rem;height:100%;justify-content:space-evenly;align-items:space-evenly;align-content:space-evenly}.projectsList .project .projectDescription{width:30rem;padding:0}.projectsList .project .projectDescription .text{padding:0}.projectsList .project .projectDescription p{font-size:1rem}.projectsList .project .projectDescription h2{text-align:center;font-size:2rem}.projectsList .project .projectDescription .outerLinks{align-self:center}.projectsList .project .card{width:30rem;height:18rem;margin:0;opacity:1}}@media(max-width:767.98px){.projectsList .project .projectDescription .text{padding:0}.projectsList .project .projectDescription .outerLinks svg{width:1.5rem}.projectsList .project .card{width:20rem;height:12rem}}.projects,.projects h1{color:#57514c}.projects h1{margin:0 4rem;position:absolute;font-weight:300;font-size:10rem;top:85rem;text-align:center}.projects .butterfly2{position:absolute;width:5rem;top:90rem;left:60%;animation:transform 10s ease-in-out;z-index:1}.projects .butterfly2:hover{transform:translate3d(10px,10px,10px)}.projects .viewProjects{display:block;margin:0 auto 10rem;font-size:2rem;text-align:center;color:#948f8d;text-decoration:none;font-weight:300}.projects .viewProjects:active,.projects .viewProjects:focus,.projects .viewProjects:hover{text-decoration:underline;color:#57514c}.projects .viewProjects:visited{text-decoration:none!important}@media(max-width:991.98px){.projects h1{margin:0 4rem;position:static;font-size:10rem;font-size:3.3rem;text-align:center}.projects .butterfly2{width:4rem;top:80rem;left:35rem}.projects .viewProjects{margin-top:4rem}}@media(max-width:767.98px){.projects .butterfly2{top:70rem;left:18rem}}.HomePage,.workPage{font-family:"Josefin Slab",serif}.workPage .workWelcome{margin:8rem 0 2rem;color:#57514c;font-weight:300;font-size:4rem;text-align:center}.workPage .workAbout{color:#948f8d;font-size:1rem;text-align:center;font-family:"Lato",sans-serif}.workPage .tags{margin-top:4rem;display:flex;text-align:center;justify-content:center;flex-wrap:wrap}.workPage .tags button{margin:.2rem .1rem;font-family:"Lato",sans-serif;color:#57514c;border:none;background-color:transparent!important;font-size:1rem;font-weight:300}.workPage .tags button:active{background-color:none}.workPage .tags button:hover{background-color:none;font-weight:500;color:#7e5a6a}.workPage .tags button:disabled{color:#7e5a6a;text-decoration:underline;font-weight:400}.workPage .tags button:focus{outline:none}.singleProject{margin:6rem;font-family:"Lato",sans-serif}.singleProject .partOne{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center}.singleProject h1{margin-bottom:.8rem}.singleProject h4{color:#57514c;margin:0}.singleProject .partOneText{width:50%;margin-left:2rem;display:flex;flex-direction:column}.singleProject .mainImg{width:40rem;height:25rem;object-fit:cover;border:6px outset #4a4745;border-radius:9px;flex-shrink:1}.singleProject .workWelcome{color:#57514c;font-weight:300;font-size:4rem}.singleProject .workAbout{color:#948f8d;font-size:1rem;font-family:"Lato",sans-serif}.singleProject .outerLinks{width:6rem;display:flex;justify-content:space-between}.singleProject .outerLinks svg{width:2rem;height:2rem;fill:#57514c}.singleProject .outerLinks svg path{fill:#57514c}.singleProject .technologies{font-size:1rem;font-weight:300}.singleProject .technologies button{font-family:"Lato",sans-serif;color:#57514c;border:none;background-color:transparent!important;padding-left:0!important;padding-right:1.5rem}.singleProject .technologies button:active,.singleProject .technologies button:hover{background-color:none}.singleProject .technologies button:focus{outline:none}@media(max-width:991.98px){.singleProject{margin:2rem}.singleProject .partOne{justify-content:center}.singleProject .partOneText{width:90%;margin-left:0;text-align:center}.singleProject .mainImg{width:30rem;height:18rem}}@media(max-width:767.98px){.singleProject .mainImg{width:15rem;height:9rem}.singleProject .outerLinks{align-self:center}.singleProject .outerLinks svg{width:1.5rem}}#contact{padding:12rem 5rem;position:relative;display:flex;justify-content:space-between;align-content:center;background-color:#694e5a;color:#f6f4f2;flex-wrap:wrap}#contact .butterfly3{position:absolute;width:5rem;height:5rem;right:10rem;bottom:25rem;z-index:1;animation:transform 5s ease-in-out}#contact .butterfly3:hover{transform:translate3d(20px,10px,25px)}#contact p{margin:0}#contact h1{font-family:"Josefin Slab",serif;color:#f6f4f2;font-weight:400;font-size:4rem;margin:2rem 0 0}#contact .contactText{font-family:"Lato",sans-serif;margin-left:2rem;margin-top:2rem;text-align:justify;display:flex;flex-direction:column;width:30rem}#contact .contactText a{margin-top:1rem;align-self:flex-end;color:#f6f4f2}#contact .contactText a:hover,#contact .contactText a:visited,#contact .contactText afocus{color:#f6f4f2;outline:none}#contact .contactText .outerLinks{display:flex;align-self:flex-end;width:4rem;justify-content:space-between}#contact .contactText .outerLinks svg{width:1.2rem;height:1.2rem}#contact .contactText .outerLinks svg path{fill:#f6f4f2}@media(max-width:991.98px){#contact{padding:6rem 2rem;justify-content:center}#contact .butterfly3{position:absolute;width:4rem;height:4rem;right:3rem;bottom:32rem;z-index:1;animation:transform 5s ease-in-out}#contact .butterfly3:hover{transform:translate3d(20px,10px,25px)}#contact h1{margin:0;font-size:3rem}#contact .contactText{margin-left:0;margin-top:3rem}#contact .contactText a{margin-top:1rem;align-self:center}#contact .contactText .outerLinks{align-self:center}}.cursor{width:12px;height:12px}.cursor,.viewCursor{border:1px solid #57514c;border-radius:100%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:999;mix-blend-mode:difference;transition:all .15s ease}.viewCursor{width:10rem;height:10rem}.viewCursor:before{content:"view case study";color:#57514c;z-index:999;position:fixed;top:4rem;left:1.3rem;transition:all .15s ease}@media(max-width:991.98px){.cursor,.viewCursor{display:none}}
/*# sourceMappingURL=main.2f4f0252.chunk.css.map */