*{margin:0;padding:0;box-sizing:border-box;color:#fff}body{background-color:#e3dedb}a{text-decoration:none;color:#fff}.seo-title{display:none}@font-face{font-family:"icomoon";src:url(/static/media/icomoon.fe50a742.eot);src:url(/static/media/icomoon.fe50a742.eot) format("embedded-opentype"),url(/static/media/icomoon.0e5a0393.ttf) format("truetype"),url(/static/media/icomoon.f586aa59.woff) format("woff"),url(/static/media/icomoon.0abbd883.svg) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" portfolio-"],[class^=portfolio-]{font-family:"icomoon"!important;speak:never;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-arrow-icon:before{content:""}.portfolio-exit-icon:before{content:""}.portfolio-github-icon:before{content:""}.portfolio-linkdin-icon:before{content:""}.portfolio-message-icon:before{content:""}.App{display:flex;justify-content:center;align-items:center;height:calc(100vh - 3px);background-color:#ffd42a;font-family:"Montserrat",sans-serif;transition:background-color 1s ease}.App-scroll-one{background-color:#e3dedb}.filter{position:absolute;z-index:-10;width:100%;height:100%;background-color:rgba(255,212,42,.2);transition:background-color 1s ease}.filter-scroll-one{background-color:rgba(227,222,219,.45)}.portfolio-arrow-icon{font-size:35px;position:absolute;bottom:15px;right:15px;z-index:50px;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s;-webkit-transform-origin:bottom;transform-origin:bottom;cursor:pointer}.portfolio-arrow-icon.bounce-2{-webkit-animation-name:bounce-2;animation-name:bounce-2;-webkit-animation-timing-function:ease;animation-timing-function:ease}.portfolio-arrow-icon.flip{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounce-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.bg-container{height:100%;width:100%;position:relative}.bg-container-scroll-one{overflow:hidden}.main-container{position:absolute;display:flex;flex-wrap:wrap;height:100%;width:100%;z-index:20;justify-content:center}.swoosh{width:90vw;height:auto;right:0;z-index:1}.bg-img,.swoosh{position:absolute;bottom:0}.bg-img{right:10vw;z-index:10;width:90%}.bg-palms{position:absolute;bottom:0;right:0;width:50%}.header-container{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.greet-img-container{display:flex;justify-content:center;width:100%;height:auto;max-width:100%;margin-top:80px;transition:max-width 1s ease}.greet-img-container .greet-img{object-fit:contain;height:auto;width:90%;cursor:pointer}.greet-img-container .greet-img.scroll-one{opacity:0}.icon-container{display:flex;justify-content:center;font-size:50px;width:100%;max-width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:25px;transition:max-width 1s ease}.icon-container div{margin:10px;cursor:pointer;border-radius:5px;transition:background-color .5s ease}.icon-container div:hover{background-color:#ffd42a}.header-container-scroll-one{justify-content:space-evenly;align-self:flex-start}.greet-img-container-scroll-one{width:30%;max-width:30%;margin-top:25px}.greet-img-container-scroll-one .greet-img{width:100%}.icon-container-scroll-one{max-width:45%;justify-content:flex-end}.icon-container-scroll-one div{margin:0 0 0 10px}.sub-title-container{align-self:flex-end;padding:20px}.sub-title-container h2{font-weight:500;font-size:25px;text-align:center}.sub-title-container h2 span{font-weight:700}@media screen and (max-width:400px){.bounce-2{bottom:50%;right:46%}.sub-title_1{padding-bottom:35px}}@media screen and (min-width:500px){.greet-img-container .greet-img{width:60%;max-width:60%}.icon-container{font-size:60px}.sub-title-container h2{font-size:35px}}@media screen and (min-width:900px){.App{height:auto;min-height:100vh}.portfolio-arrow-icon{font-size:45px;bottom:35px;right:0}.main-container{justify-content:flex-start}.main-container-scroll-one{justify-content:center}.bg-container{width:80vw;height:45vw}.swoosh{width:54%;height:auto}.swoosh path{transition:fill 1s ease,fill-opacity 1s ease}.bg-img{width:41%}.bg-palms{width:30%}.header-container{height:57%;width:100%;align-self:flex-end}.greet-img-container{width:50%;max-width:50%;align-self:flex-end;justify-content:flex-start;padding-left:25px}.greet-img-container .greet-img{width:75%;max-width:75%}.icon-container{width:50%;max-width:50%;flex-direction:column;align-items:flex-end;font-size:80px;align-self:flex-end;padding-right:5%;margin-bottom:-10px;transition:max-width 1s ease,font-size 1s ease}.header-container-scroll-one{justify-content:space-between;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:25px;align-self:flex-start}.greet-img-container-scroll-one{align-self:flex-start;max-width:21%;margin:0;padding-left:0}.greet-img-container-scroll-one .greet-img{width:100%;max-width:100%}.icon-container-scroll-one{align-self:flex-start;justify-content:flex-end;font-size:40px;margin:0;padding-right:0}.icon-container-scroll-one div{margin-bottom:10px}.sub-title-container-scroll-one{width:100%}.sub-title-container-scroll-one h2{text-align:center;margin:0 auto}}@media screen and (min-width:1600px){.portfolio-arrow-icon{font-size:75px}.icon-container{padding-right:7%;font-size:120px;margin-bottom:-20px}.icon-container div{margin:20px}.icon-container-scroll-one,.sub-title-container h2{font-size:60px}.icon-container-scroll-one div{margin:0 0 20px}}.slider-window{overflow-y:auto;max-height:70vh;width:100vw}.portfolio-container{width:100%;margin-top:40px}.portfolio-container,.portfolio-container .thumbnail{display:flex;flex-direction:column;align-items:center}.portfolio-container .thumbnail{margin-bottom:50px;position:relative}.portfolio-container .thumbnail-image-container{height:180px;width:300px;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:10px}.portfolio-container .thumbnail-image-container img{width:100%;height:100%;object-fit:cover;object-position:center}.portfolio-container .thumbnail-title-container{width:300px}.portfolio-container .brushstroke path{stroke-dasharray:461;stroke-dashoffset:0}.portfolio-container .brushstroke{position:absolute;bottom:-10px;z-index:-10}.portfolio-container h4{font-family:"Montserrat",sans-serif;font-weight:500;text-transform:capitalize;font-size:20px;text-align:center;margin-top:25px;position:relative;z-index:10px}.contact,.project{position:absolute;width:100%;min-height:100%;top:0;right:0;z-index:100;padding:25px 0;background-color:#e3dedb;display:flex;justify-content:center;align-items:center;overflow-y:auto}.contact-container,.project-container{background-color:#fff;padding:5vw;width:90vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex}.project-container{flex-direction:column-reverse}.contact-container{flex-direction:column}.project-screenshot-container{background-color:#e3dedb;width:80vw;height:48vw;margin-top:5vw;background-size:cover;background-position:top}.contact-header{margin-top:5vw}.contact-header,.project-header{position:relative;background-color:#ffd42a;padding:10px}.contact-header .portfolio-exit-icon,.project-header .portfolio-exit-icon{position:absolute;right:10px;top:10px;cursor:pointer;font-size:20px}.contact-header .portfolio-exit-icon:hover,.project-header .portfolio-exit-icon:hover{color:rgba(137,160,44,.3)}.contact-header h2,.project-header h2{margin-top:15px;text-transform:capitalize;font-size:50px}.contact-header .tech,.project-header .tech{background-color:rgba(137,160,44,.3);padding:8px 12px;margin-right:10px;margin-bottom:10px;border-radius:5px;display:inline-block;font-size:12px}.project-summary p{color:#74756d;margin:20px 0;font-size:12}.project-nav{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form-submit,.project-btn{background-color:#ffd42a;border:none;width:120px;height:40px;display:inline-block;margin:10px;font-size:18px;font-weight:700;cursor:pointer}.form-submit:hover,.project-btn:hover{color:rgba(137,160,44,.3)}.contact-form{display:flex;flex-direction:column;align-items:center}.contact-form .form-input{color:#74756d;font-family:"Montserrat",sans-serif;font-size:16px;border:none;border-bottom:1px solid rgba(116,117,109,.5);width:80%}.contact-form .form-input:focus{outline:none}.contact-form .basic-input{padding-top:15px;padding-bottom:5px;margin-top:20px}.contact-form textarea{margin-top:35px;resize:none;outline:none;border-bottom:1px solid rgba(116,117,109,.5)}.error-message,.success-message{margin-top:20px}.success-message{color:#ffd42a}.error-message{color:#c03a3a}@media screen and (min-width:900px){.slider-window{width:100%;min-height:270px;overflow:hidden}.slider-btn-container{position:absolute;height:280px;width:10%;display:flex;justify-content:center;cursor:pointer}.slider-btn-container .dot{height:10px;width:10px;border-radius:5px;background-color:#fff;opacity:.5;margin-top:6vw;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.slider-btn-container:hover .dot{opacity:1;-webkit-transform:scale(3);transform:scale(3)}.slider-btn-container.prev{left:-10%}.slider-btn-container.next{right:-10%}.slides-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.portfolio-container{flex-direction:row}.portfolio-container .brushstroke path{stroke-dasharray:461;stroke-dashoffset:461}.portfolio-container .thumbnail{margin-bottom:0;margin-right:4vw;cursor:pointer}.portfolio-container .thumbnail:hover .brushstroke path{-webkit-animation-name:line_anim;animation-name:line_anim;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.portfolio-container .thumbnail-image-container{height:14.4vw;width:24vw}.portfolio-container h4{font-size:20px}.portfolio-container .thumbnail-title-container{width:24vw}.contact-container,.project-container{padding:2vw;width:84vw}.project-container{flex-direction:row}.project-screenshot-container{width:35vw;height:auto;margin-top:0}.project-details-container{width:45vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-left:20px}.contact-header,.project-header{margin-top:0}.contact-header h2,.project-header h2{font-size:60px;margin-bottom:15px}}@media screen and (min-width:1600px){.slider-window{min-height:400px}.portfolio-container h4{text-align:left;padding-left:50px}.project-container{width:64vw}.project-details-container,.project-screenshot-container{width:30vw}}@-webkit-keyframes line_anim{to{stroke-dashoffset:0}}@keyframes line_anim{to{stroke-dashoffset:0}}
/*# sourceMappingURL=main.14b78b31.chunk.css.map */