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}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{box-sizing:border-box;font-family:"Roboto",sans-serif;font-weight:400;line-height:1.2;color:#2e2e2e;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative}.header{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;margin-bottom:40px;margin-top:20px;padding:0 20px}.header__logo{font-size:4rem;font-weight:700;font-family:"Roboto Slab",serif;text-shadow:2px 1px 1px #2e2e2e;color:#3c9;margin-left:20px}@media only screen and (max-width:25.68em){.header__logo{font-size:3rem;margin-left:10px;align-self:flex-start}}@media only screen and (max-width:25.68em){.header{flex-direction:column;align-items:center;margin-bottom:20px}}.nav-bar{display:flex}@media only screen and (max-width:25.68em){.nav-bar{width:95%}}.nav-bar__list{display:flex;list-style:none;flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}@media only screen and (max-width:25.68em){.nav-bar__list{width:35%}}.nav-bar__list--item{font-size:1.2rem;padding:0 15px;font-weight:300;cursor:pointer}@media only screen and (max-width:25.68em){.nav-bar__list--item{font-size:1rem;padding:0 10px}.nav-bar__list--item:first-child,.nav-bar__list--item:last-child{padding:0}}.nav-bar__list--item__link{text-decoration:none;color:#2e2e2e;background-image:linear-gradient(115deg,transparent,transparent 50%,#91297e 0);background-size:230%;transition:all .7s;padding:5px 10px;width:100%}@media only screen and (max-width:25.68em){.nav-bar__list--item__link{padding:5px}}.nav-bar__list--item__link:hover{color:#fff;border-radius:2px;background-position:100%;transform:translateX(1rem) translateY(-.2rem)}.nav-bar__list--item__link:hover:after{transform:scaleX(1.4) scaleY(1.2)}.mobile-header{display:none}.section-about{width:100%;display:flex;flex-direction:column}.section-about--1{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:45px}@media only screen and (max-width:25.68em){.section-about--1{flex-direction:column}}.btn-container{display:flex;justify-content:flex-start;align-items:center;margin-top:20px}.btn-container>a.icon>svg{color:#000058;font-size:2.5rem;cursor:pointer;transition:transform .4s}.btn-container>a.icon>svg:first-child{margin-right:25px}.btn-container>a.icon>svg:nth-child(2){margin-right:30px}.btn-container>a.icon>svg:hover{color:#04049f;transform:translateY(-.2rem)}.btn-container>a.btn{color:#fff;background-color:#000058;border-radius:2px;text-decoration:none;padding:10px 20px;transition:background-color .7s,transform .4s}.btn-container>a.btn:first-child{margin-left:30px}.btn-container>a.btn:hover{transform:translateY(-.2rem);box-shadow:0 .3rem .4rem rgba(0,0,0,.2);background-image:linear-gradient(#04049f,#000058)}.btn-container>a.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn-container>a.btn:active,.btn-container>a.btn:focus{outline:none;transform:translateY(.1rem);box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}.intro-img{margin:0 45px}@media only screen and (max-width:25.68em){.intro-img{align-self:center}}.intro-img>img{height:300px;border-radius:2px;box-shadow:0 1px 4px -1px #2e2e2e}@media only screen and (max-width:25.68em){.intro-img>img{height:200px;margin:0 auto 20px}}.dev{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto}@media only screen and (max-width:25.68em){.dev{max-width:350px}}.dev h2{font-weight:400;color:#91297e}@media only screen and (max-width:25.68em){.dev h2{font-size:1.5rem}}.dev__desc{padding:15px 25px 15px 0;font-family:"Roboto Slab",serif;margin-bottom:15px;line-height:1.6rem;font-size:1.2rem}@media only screen and (max-width:25.68em){.dev__desc{font-size:1rem}}.dev__desc>p{font-weight:300}.dev__desc>p:nth-child(2n){padding:20px 0}.banner-img{background-size:cover;height:550px;width:100%;margin-bottom:80px}@media only screen and (max-width:25.68em){.banner-img{height:350px;margin-bottom:40px}}.banner-img__typing-container{display:flex;justify-content:center;align-items:center;margin:0 auto;height:100%}.banner-img__typing-container>.typing{margin-top:-30px;color:#fff;font-family:"Roboto Slab",serif;font-weight:400;font-size:4rem;display:flex;flex-direction:row;text-shadow:2px 1px 1px #2e2e2e}@media only screen and (max-width:25.68em){.banner-img__typing-container>.typing{font-size:1.8rem}}.typing__cursor{border-right:2px solid #fff;padding-left:5px;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:0}to{opacity:1}}.resume__container{height:1040px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-160px}@media only screen and (max-width:25.68em){.resume__container{height:530px;margin-top:-255px}}.resume__container>img{position:absolute;z-index:5;width:800px;box-shadow:0 1px 4px -1px #2e2e2e}@media only screen and (max-width:25.68em){.resume__container>img{width:350px}}.resume__container>div{width:800px;display:flex;flex-direction:column}@media only screen and (max-width:25.68em){.resume__container>div{width:350px}}.resume__download-icon{display:none;color:#fff;font-size:1rem;background-color:#000058;border-radius:2px;width:30px;align-self:flex-end;padding:5px;text-align:center;margin-bottom:20px}@media only screen and (max-width:25.68em){.resume__download-icon{display:flex;justify-content:center}}.resume__download-btn{align-self:flex-end;width:174px;color:#fff;margin-bottom:40px;background-color:#000058;cursor:pointer;border-radius:2px;text-decoration:none;padding:10px 20px;transition:background-color .7s,transform .4s}@media only screen and (max-width:25.68em){.resume__download-btn{display:none}}.resume__download-btn:hover{transform:translateY(-.2rem);box-shadow:0 .3rem .4rem rgba(0,0,0,.2);background-image:linear-gradient(#04049f,#000058)}.resume__download-btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.resume__download-btn:active,.resume__download-btn:focus{outline:none;transform:translateY(.1rem);box-shadow:0 .5rem 1rem rgba(0,0,0,.2)}.contact__background{background:linear-gradient(135deg,#3c9,#000058);-webkit-clip-path:polygon(0 33%,100% 13%,100% 100%,0 100%);clip-path:polygon(0 33%,100% 13%,100% 100%,0 100%);padding:230px 0 30px;margin-top:-130px;z-index:2}@media only screen and (max-width:25.68em){.contact__background{-webkit-clip-path:polygon(0 39%,100% 13%,100% 100%,0 100%);clip-path:polygon(0 39%,100% 13%,100% 100%,0 100%);padding-top:140px}}.contact__background>h2{color:#fff;text-align:center;font-size:2rem;text-shadow:2px 1px 1px #2e2e2e}.contact__success{min-width:300px;max-width:500px;background:#fff;padding:20px 20px 20px 10px;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.contact__success>.fa-times{color:rgba(46,46,46,.7);align-self:flex-end}.contact__success>.check>.fa-check-circle{position:absolute;z-index:3;color:green;top:62px;right:120px;font-size:1.4rem;background-color:#fff;border-radius:50%;border:1px solid #fff}.contact__success>.fa-envelope{z-index:2;font-size:3rem;color:rgba(46,46,46,.7);margin-bottom:20px}.contact__success>p{margin-bottom:20px}.contact__container{width:340px;margin:40px auto;border-radius:2px;background-color:#fcfcfc;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 25px}@media only screen and (max-width:25.68em){.contact__container{min-width:350px;margin:40px 20px}}.contact__container>a{text-decoration:none;color:#91297e;font-size:1.5rem;font-weight:800}.contact__container>a>svg{margin-right:16px}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}@media only screen and (max-width:25.68em){.footer{margin-right:30px}}.footer>div:first-child{margin-bottom:15px;cursor:pointer}.footer>div:first-child>a{padding-right:0}.footer>div:first-child>a>svg{margin-right:7px}.footer>div,.footer a{color:#fff;text-decoration:none;font-size:.7rem;padding-right:60px}@media only screen and (max-width:25.68em){.footer>div,.footer a{padding-right:0}}.work__container{width:100%;display:flex;flex-direction:column;background-image:linear-gradient(to right bottom,rgba(45,183,137,.8),rgba(160,0,132,.8));-webkit-clip-path:polygon(100% 0,100% 87%,0 100%,0 0);clip-path:polygon(100% 0,100% 87%,0 100%,0 0);padding:40px 0 275px}@media only screen and (max-width:25.68em){.work__container{-webkit-clip-path:polygon(100% 0,100% 94%,0 95%,0 0);clip-path:polygon(100% 0,100% 94%,0 95%,0 0);padding-bottom:265px;padding-top:20px}}.work__item{display:flex;width:90%;margin:40px auto;flex-direction:column;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 4px -1px #2e2e2e}@media only screen and (min-width:112.5em){.work__item{width:70%}}.work__item-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;margin-top:60px;margin-bottom:40px;margin-left:50px}@media only screen and (max-width:25.68em){.work__item-header{flex-direction:column;margin-top:30px;margin-bottom:20px;margin-left:30px}}.work__item-header>h2{padding-right:15px;font-size:2.2rem;color:#91297e;font-family:"Roboto",sans-serif}@media only screen and (max-width:25.68em){.work__item-header>h2{font-size:2rem;align-self:flex-start}}.work__item-header>h3{padding-bottom:4px;font-weight:300}@media only screen and (max-width:25.68em){.work__item-header>h3{padding-top:10px;padding-bottom:0;align-self:flex-start}}.work__project{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width:25.68em){.work__project{flex-direction:column}}@media only screen and (min-width:112.5em){.work__project{margin-bottom:40px}}.work__project.design{margin:20px 55px;flex-direction:column}@media only screen and (max-width:25.68em){.work__project.design{margin:20px 25px}}.work__project>img{margin-top:25px;margin-left:20px}@media only screen and (min-width:112.5em){.work__project>img{width:auto;margin-left:40px;margin-right:25px}}@media only screen and (max-width:48em){.work__project>img{width:600px}}@media only screen and (max-width:25.68em){.work__project>img{margin-top:10px;margin-left:0;margin-bottom:20px;align-self:center;width:300px}}.work__project--desc{margin-left:30px}@media only screen and (max-width:25.68em){.work__project--desc{width:90%}}.work__project--desc-title{font-weight:700;margin-top:10px;font-size:1.7rem}.work__project--desc>div:nth-of-type(2){font-family:"Roboto Slab",serif;font-weight:300;line-height:1.5rem;padding-top:15px;padding-right:15px;width:80%}@media only screen and (max-width:25.68em){.work__project--desc>div:nth-of-type(2){width:90%}}.work__project--desc>div:nth-of-type(2)>p{padding-bottom:15px}.work__project--desc>div:nth-of-type(2)>ul{padding:5px 5px 0;margin-left:15px}.work__project--desc>div:nth-of-type(2)>ul>li{padding:10px 0}.work__project--desc>p:first-of-type{padding-top:25px}.work__project--desc>p{font-family:"Roboto Slab",serif;font-weight:300;line-height:1.5rem;padding-top:15px;padding-right:15px;width:80%}@media only screen and (max-width:25.68em){.work__project--desc>p{padding-right:0;width:90%}}@media only screen and (min-width:112.5em){.work__project--desc>p{width:98%}}.work__project--tech{font-family:"Roboto Slab",serif;font-weight:300;margin-top:20px}.work__project--tech>h4{font-weight:400}.work__project--tech--icons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:20px;flex-wrap:wrap}.work__project--tech--icons-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 20px}@media only screen and (max-width:25.68em){.work__project--tech--icons-item{padding:10px 15px}}.work__project--tech--icons-item>svg{font-size:3rem;margin-bottom:10px}.work__project--tech--icons-item>.style-icons{display:flex;flex-direction:row;margin-left:8px}.work__project--tech--icons-item>.style-icons>svg{font-size:3rem;margin-bottom:10px}.work__project--tech--icons-item>.style-icons>svg:first-child{margin-right:8px}.design-img__grid-container{align-self:center;display:grid;grid-gap:10px 10px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin:60px 30px 40px}@media only screen and (max-width:25.68em){.design-img__grid-container{grid-template-columns:1fr;grid-template-rows:repeat(8,1fr)}}.design-img__grid--item{background-color:#fcfcfc;justify-self:center;background-position:50%;background-size:contain;background-repeat:no-repeat;height:300px;width:300px;box-shadow:0 1px 4px -1px #2e2e2e;z-index:5}.design-img__grid--item__container{position:relative;cursor:pointer}.design-img__grid--item-overlay{height:300px;width:300px;background-color:#2db789;color:#fff;font-weight:400;font-size:1.3rem;font-family:"Roboto Slab",serif;display:flex;justify-content:center;align-items:center;position:absolute;z-index:10;opacity:0;transition:.5s ease}.design-img__grid--item-overlay:hover{opacity:1}.design-img__grid--item-overlay>div{text-align:center;padding:0 30px}.design-img--close{font-size:1rem;color:#888;align-self:flex-end;margin-right:10px}.design-img__container{background-color:#e2e2e2;border-radius:3px;box-shadow:0 1px 4px -1px #2e2e2e;margin-top:-20%;padding:20px 15px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:25.68em){.design-img__container{width:400px}}.design-img__container>img{height:200px;width:200px;border:1px solid #ddd}.design-img__description{display:flex;justify-content:flex-start;width:70%;margin:20px 0}.design-img__description>p{font-size:1rem;font-family:"Roboto Slab",serif;font-weight:300;line-height:1.5rem;padding:15px 15px 0}.design-img__description>p>span{line-height:2rem;font-weight:400;font-size:1.2rem}@media only screen and (max-width:25.68em){.design-img__description{width:90%}}.design-display-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:20px}.design-display-container>.design-image{display:none}.design-display-container>.design-image.active{display:block;margin:10px}@media only screen and (max-width:25.68em){.design-display-container>img{width:350px}}.design-display-controls{width:65%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:40px}.design-display-left{color:#b0b0b0}.design-display-left:hover{color:#888}.design-display-right{color:#b0b0b0}.design-display-right:hover{color:#888}.design-display-dot{background-color:#b0b0b0;height:10px;width:10px;border-radius:50%;margin:0 15px}.design-display-dot.active{background-color:#888}.dot__container,.modal{display:flex}.modal{position:absolute;z-index:2000;top:0;bottom:0;left:0;right:0;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7)}
/*# sourceMappingURL=main.172f353a.chunk.css.map */