@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--portfolio-image-background:#f2f0ee;--logo-color:#58595b;--hover-on-icons:#2e2e2e;--text-link:1rem}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-track{background:transparent;border-radius:.5rem}::-webkit-scrollbar-thumb{background:#e45447;border:.083rem solid #f2f0ee;border-radius:.5rem}*,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}html{background:#f2f0ee;line-height:1.5;overflow-x:hidden}a{color:#58595b;color:var(--logo-color);text-decoration:none}.text-link{font-size:1rem;font-size:var(--text-link)}ul{list-style-type:none}.hidden{display:none!important}.App{background:#f2f0ee;font-family:Roboto,sans-serif;font-size:1.5rem;padding:4rem 0}.loader{left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.icon{color:#58595b;color:var(--logo-color)}.icon-menu:hover{color:#2e2e2e;color:var(--hover-on-icons)}.orange-hover{display:inline-block;padding:.25rem .5rem;transition:all .2s}.orange-hover:hover{background-color:#e45447;box-shadow:0 1rem 2rem rgba(43,41,41,.4);color:#f2f0ee;-webkit-transform:rotate(-5deg) scale(1.1);transform:rotate(-5deg) scale(1.1)}.main{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:row;margin:0 auto;max-width:65rem;padding:2rem}.main-main{margin-left:75px;width:100%}.logo{color:#58595b;color:var(--logo-color);text-decoration:none}.logo span{color:#ff9379}.mobile-logo{display:none}.media{display:flex;flex-direction:column;margin-top:16rem}.media a{margin-bottom:15px}.portfolio-image{background:#f2f0ee;background:var(--portfolio-image-background);border-radius:50%;height:350px;object-fit:cover;width:350px}.footer{align-items:center;display:flex;justify-content:space-between;margin:2.5rem auto 0;max-width:55rem}.footer-logo{width:25%}.footer-links{width:50%}.footer-links .nav-links ul{justify-content:center}.rights-reserved{font-size:.6rem;padding:.25rem .5rem;text-align:center;text-transform:uppercase;width:25%}.end-here{display:flex;height:.75rem;margin:1.25rem auto;max-width:55rem}.end-box{height:100%;width:25%}.end-here-1{background:#e45447}.end-here-2{background:#e29d51}.end-here-3{background:#d8c7b8}.end-here-4{background:#607393}.navbar{display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.menu-burger-icon{display:none}.nav-links ul{display:flex}.nav-links ul li:not(:first-child){margin-left:1.3rem}.nav-links ul li a span{margin-left:.4rem}.email i{font-size:1rem;margin-right:10px}.home{align-items:center;display:flex;flex-direction:row}.home-left{flex:1 1}.home-right{flex:1 1;text-align:left}.cartoon-text{background-color:#2b2929;border:1px solid #2b2929;border-radius:3px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);color:#f2f0ee;height:18px;margin:25px;min-height:50px;padding:10px;position:relative;text-shadow:0 0 1px #000;width:80px}.cartoon-text:before{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2b2929;bottom:-10px;content:"";height:0;position:absolute;right:7px;width:0}.header-1{color:#58595b;font-size:3rem;font-weight:800;line-height:1;margin-bottom:1rem}.name-spans{display:inline-block}.job-role{color:#58595b;font-size:1.35rem;font-weight:700}.job-summary{color:#58595b;font-size:.875rem;margin-top:3rem;width:16rem}.talk-bubble{display:inline-block;font-family:Nunito,sans-serif;margin-top:3rem}.lets-talk{background:#dc4537;border-radius:50% 50%;color:#f2f0ee;display:inline-block;font-size:1.2rem;line-height:1;padding:1rem .7rem;position:relative;right:-55px;z-index:3}.lets-talk:before{background:#dc4537;border:.8rem solid hsla(5,63%,72%,.5);border-radius:inherit;content:"";height:calc(100% + 1.6rem);left:-.8rem;opacity:1;position:absolute;top:-.8rem;width:calc(100% + 1.6rem);z-index:-1}.lets-talk:hover:before{-webkit-animation:borderAnimation 1s;animation:borderAnimation 1s}@-webkit-keyframes borderAnimation{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes borderAnimation{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.talk{margin-left:14px}#what-i-do{color:#58595b;margin-top:100px;width:100%}.intro-what-i-do{padding-top:28px}.intro-what-i-do h1{font-size:2.2rem;font-weight:700;line-height:1}.intro-what-i-do p{font-size:1.125rem;margin-top:.5rem}.divider{background:#e45447;border-radius:50%;display:inline-block;padding:.3rem;position:relative}.divider:after{background:#e45447;content:"";padding:.12rem 0;position:absolute;top:.15rem;width:115px}.main-what-i-do{background:#f2f0ee;border-radius:.5rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:40px}.main-what-i-do h2{font-size:1.125rem;font-weight:900;margin-bottom:12px}.main-what-i-do p{font-size:1rem}.left-what-i-do p:not(:last-of-type){margin-bottom:20px}.left-what-i-do{margin:auto 2rem;padding:1.25rem;text-align:center}.see-work{display:inline-block;margin-top:2rem;position:relative;transition:.3s ease-in-out;z-index:1}.see-work:before{background:#e45447;border-radius:25px;content:"";left:-17px;opacity:.4;padding:1.5rem;position:absolute;top:-6.5px;transition:.3s ease-in-out;width:0;z-index:-1}.see-work:hover{color:#fff}.see-work:hover:before{border-radius:25px;opacity:.8;width:calc(100% + 34px)}.right-what-i-do{position:relative}.right-what-i-do .images-right-side{bottom:0;position:absolute;width:90%}.right-what-i-do .image-1{bottom:50px;z-index:100}.right-what-i-do .image-2{bottom:160px}.right-what-i-do .image-3{bottom:30px}.right-what-i-do .image-4{bottom:160px;right:-70px;z-index:2}.right-what-i-do .image-5{bottom:160px;left:-100px}.right-what-i-do .image-6{bottom:250px;right:-70px}.right-what-i-do .image-7{bottom:250px;left:-70px}#bio{margin:8rem auto 1.5rem;width:75%}.bio-wrapper{background:#f2f0ee;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);color:#58595b;font-size:1rem}.bio-top{grid-gap:1.25rem;align-items:center;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}.bio-top-left,.bio-top-left img{border-radius:.5rem;width:100%}.bio-bottom{padding:1rem}.bio-bottom p:not(:first-of-type){margin-top:.5rem}.bio-bottom h2{font-size:1.3rem}#my-works{color:#58595b;margin-top:8rem}.my-works-h1{font-size:2.25rem;line-height:1}.my-works-p{font-size:1.125rem;margin-top:.5rem}.web-apps-wrapper h1{font-size:1.5rem;font-weight:700;margin-top:.5rem}.web-apps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem}.web-app{border-radius:.5rem;box-shadow:0 .332071px 2.21381px rgba(0,0,0,.012),0 .798012px 5.32008px rgba(0,0,0,.026),0 1.50259px 10.0172px rgba(0,0,0,.037),0 2.68036px 17.869px rgba(0,0,0,.048),0 5.01331px 33.4221px rgba(0,0,0,.062),0 12px 80px rgba(0,0,0,.09);position:relative;transition:all .2s}.web-app:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.web-app:hover .overlay{height:50%}.web-app img{border-radius:.5rem;border-style:solid;height:150px;object-fit:cover;object-position:top;vertical-align:middle;width:100%}.overlay{background:#e45447;border-radius:0 0 .5rem .5rem;bottom:0;color:#f2f0ee;font-size:1.5rem;height:0;margin:auto;opacity:.9;overflow:hidden;position:absolute;transition:.3s ease;width:100%}.overlay,.resume-preview-wrapper{align-items:center;display:flex;justify-content:center}.resume-preview-wrapper{border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);gap:2rem;margin:2.5rem auto;max-width:75%;padding:3rem 2.5rem}.resume-preview-wrapper p{font-size:1.125rem;font-weight:700;width:60%}.resume-preview{display:inline-block;position:relative;transition:.3s ease-in-out;z-index:1}.resume-preview:before{background:#e45447;border-radius:25px;content:"";left:-17px;opacity:.4;padding:1.5rem;position:absolute;top:-6.5px;transition:.3s ease-in-out;width:0;z-index:-1}.resume-preview:hover{color:#fff}.resume-preview:hover:before{border-radius:25px;opacity:.8;width:calc(100% + 34px)}.stay-connected{margin:8rem auto 0;max-width:20rem;text-align:center}.stay-connected-1{font-size:1.125rem;font-weight:700}.stay-connected-2{color:#718096;font-size:.875rem;margin-top:2rem}.stay-connected-3{margin-top:1rem}.stay-connected-4{align-items:center;display:flex;justify-content:space-evenly;margin:1rem auto 0;max-width:100%}#my-works-page,#resume-page{color:#58595b}.techs-i-use{margin-top:1rem}.techs-wrapper{background:#f2f0ee;border-radius:.5rem;margin-bottom:2rem;padding:1.25rem 2.5rem}.techs-wrapper h2{font-size:1rem;font-style:italic;font-weight:200;margin-bottom:2.5rem}.techs-wrapper-logo{display:inline-block;margin:0 25px 8px 0;text-align:center;width:4rem}.tech-logo{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:3rem;object-fit:contain;transition:all .2s;width:100%}.tech-logo:hover{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.2);transform:scale(1.2)}.resume-wrapper{background:#f2f0ee;border-radius:.5rem;margin-top:1rem;padding:1.3rem 2rem;width:100%}.resume-wrapper .job .custom-bullet{position:relative}.resume-wrapper .job .custom-bullet:after{background:#e45447;border-radius:.5rem;content:"";height:.7rem;left:-18px;position:absolute;top:4px;width:.7rem}.resume-wrapper .job .job-title{display:inline-block;font-size:.9rem;font-weight:700;text-decoration:underline;transition:all .3s}.resume-wrapper .job .job-title:hover{-webkit-transform:translateY(-10%);transform:translateY(-10%)}.resume-wrapper h2{font-size:1.2rem}.resume-wrapper p{font-size:.8rem;font-style:italic}.resume-wrapper ul{list-style-type:disc}.resume-wrapper li{font-size:1rem}.resume-download{display:inline-block;position:relative;transition:.3s ease-in-out;z-index:1}.resume-download:before{background:#e45447;border-radius:25px;content:"";left:-17px;opacity:.4;padding:1.5rem;position:absolute;top:-6.5px;transition:.3s ease-in-out;width:0;z-index:-1}.resume-download:hover{color:#fff}.resume-download:hover:before{border-radius:25px;opacity:.8;width:calc(100% + 34px)}.testimonials{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-block:2rem}.testimonial{background:#f2f0ee;border-radius:.5rem;color:#58595b;font-size:1.3rem;padding:2.2rem 1rem 1rem;position:relative;transition:all .3s}.testimonial:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.testimonial p{font-size:1rem;height:190px;overflow:hidden;transition:all .3s}.testimonial p:hover{overflow-y:auto}.testimonial h2{font-size:1.2rem;margin-top:.5rem}.testimonial h4{font-size:1rem;font-style:italic;font-weight:200}.testimonial .quote{bottom:10px;color:#e45447;position:absolute;right:10px}.testimonial .testimonial-image{border:.25rem solid #f2f0ee;border-radius:50%;height:55px;left:20px;object-fit:cover;position:absolute;top:-20px;width:55px}.enable-scroll{overflow:hidden}.hide-on-large-screens,.menu-links-wrapper{display:none}@media only screen and (max-width:1025px){.main-what-i-do{grid-template-columns:repeat(1,1fr)}.right-what-i-do{display:none}.main{margin:0 1rem}#bio{width:100%}}@media only screen and (min-width:766px)and (max-width:1024px){.main{border-radius:0;margin:0}.end-here,.footer{max-width:45rem}.testimonials{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:765px){html{background:#fff}.side-main{display:none}.App{background:#fff;padding:0}.main{border-radius:0;margin:0;padding:1rem}.footer{display:block;max-width:90%;text-align:center}.footer .footer-links,.footer .footer-logo{width:100%}.footer .rights-reserved{margin-top:1rem;width:100%}.end-here{max-width:90%}.home{display:block;text-align:center;width:100%}.home-left{position:relative}.home-right{margin-top:3rem;text-align:center}.main-main{margin:0}.cartoon-text,.job-summary{margin-inline:auto}.job-summary{width:100%}.talk-bubble{bottom:-100px;position:absolute;right:80px}.bio-top{display:block}.bio-top-left{margin-bottom:1rem}.bio-top-left img{height:500px;object-fit:cover;object-position:top right;width:100%}.web-apps{display:block}.web-app{margin-bottom:1.3rem}.web-app,.web-app img{height:200px}.resume-preview-wrapper{display:block}.resume-preview-wrapper p{margin-bottom:2rem;width:100%}.resume-preview{margin:auto}.testimonials{grid-template-columns:repeat(1,1fr)}.menu-burger-icon{color:#58595b;transition:all .2s}.menu-burger-icon:active,.menu-burger-icon:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.menu-burger{position:relative}.menu-links-wrapper{align-items:flex-end;background:#fff;border-radius:0 0 .5rem .5rem;box-shadow:0 30px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.3rem;height:auto;opacity:1;padding:1rem;position:absolute;right:0;top:30px;transition:all .5s;width:60vw;z-index:1000}.menu-links-wrapper .close-icon{cursor:pointer;transition:all .3s;width:35px}.menu-links-wrapper .close-icon:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.menu-links-wrapper .menu-link{border-radius:.5rem;color:#58595b;font-size:1.3rem;padding:.5rem;transition:all .3s}.menu-links-wrapper .menu-link:active,.menu-links-wrapper .menu-link:hover{-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px)}.menu-links-wrapper .pacman{left:1rem;position:absolute;top:1.8rem}.navbar .nav-links ul{display:none}.menu-burger-icon{cursor:pointer}.menu-burger-icon,.mobile-logo{display:inline-block}.techs-wrapper-logo{margin:0 .05rem}.resume-wrapper li{font-size:.8rem}.techs-wrapper h2{font-size:.9rem}.testimonial p{font-size:.95rem}.bio-wrapper,.main-what-i-do p{font-size:.85rem}.my-works-h1{font-size:1.8rem}.my-works-p{font-size:.9rem}.web-apps-wrapper h1{font-size:1.2rem}.intro-what-i-do h1{font-size:1.8rem}#my-works{margin-top:65px}.testimonials .testimonial p{height:auto}.hide-on-large-screens{display:block}}.myClass-enter{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.myClass-enter-active{-webkit-transform:translateY(25px);transform:translateY(25px);transition:opacity .3s ease-in,-webkit-transform .3s ease-in;transition:opacity .3s ease-in,transform .3s ease-in;transition:opacity .3s ease-in,transform .3s ease-in,-webkit-transform .3s ease-in}.myClass-exit{-webkit-transform:translateY(0);transform:translateY(0)}.myClass-exit-active{-webkit-transform:translateY(-150%);transform:translateY(-150%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
/*# sourceMappingURL=main.335d8082.css.map*/