body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:focus{outline:0!important}.active{background-color:#c83400}.non-active{background-color:hsla(0,0%,100%,.25)}.hidden{visibility:hidden}@-webkit-keyframes unfoldIn{0%{-webkit-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}50%{-webkit-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@-moz-keyframes unfoldIn{0%{-moz-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}50%{-moz-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-moz-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@keyframes unfoldIn{0%{-webkit-transform:scaleY(.005) scaleX(0);-moz-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}50%{-webkit-transform:scaleY(.005) scaleX(1);-moz-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(1) scaleX(1);-moz-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@-webkit-keyframes unfoldOut{0%{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%{-webkit-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}}@-moz-keyframes unfoldOut{0%{-moz-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%{-moz-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-moz-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}}@keyframes unfoldOut{0%{-webkit-transform:scaleY(1) scaleX(1);-moz-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%{-webkit-transform:scaleY(.005) scaleX(1);-moz-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(.005) scaleX(0);-moz-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes zoomIn{0%{-moz-transform:scale(0);transform:scale(0)}to{-moz-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes zoomOut{0%{-moz-transform:scale(1);transform:scale(1)}to{-moz-transform:scale(0);transform:scale(0)}}@keyframes zoomOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}}.home{position:relative;height:100%;padding-top:22vh;overflow:scroll;-moz-box-align:center;align-items:center;text-align:center;background:-webkit-gradient(linear,left top,right top,from(rgba(39,39,39,.9)),to(rgba(39,39,39,.3))),url(/_next/static/media/sodimg2.e6c75abd2c0289f03427fa5ebcf3c7c0.png) top;background:-webkit-linear-gradient(left,rgba(39,39,39,.9),rgba(39,39,39,.3)),url(/_next/static/media/sodimg2.e6c75abd2c0289f03427fa5ebcf3c7c0.png) top;background:-moz-linear-gradient(left,rgba(39,39,39,.9),rgba(39,39,39,.3)),url(/_next/static/media/sodimg2.e6c75abd2c0289f03427fa5ebcf3c7c0.png) top;background:linear-gradient(90deg,rgba(39,39,39,.9),rgba(39,39,39,.3)),url(/_next/static/media/sodimg2.e6c75abd2c0289f03427fa5ebcf3c7c0.png) top;background-size:cover}.home__name{font-size:30px;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #fff}.home__name--last{color:#ff652f;font-weight:700;-webkit-animation:move-text-color .75s forwards;-moz-animation:move-text-color .75s forwards;animation:move-text-color .75s forwards;opacity:0}.home__btn--hire,.service__btn{position:relative;line-height:1.5;background-color:hsla(0,0%,100%,.25);border:none;display:inline-block;border-radius:30px;color:#fb4100;font-weight:700;font-family:inherit;text-transform:capitalize;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;overflow:hidden;padding:5px 10px;margin:auto;z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:blur()}.home__btn--hire,.home__btn--hire:before,.service__btn,.service__btn:before{outline:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.home__btn--hire:before,.service__btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#fb4100;border:none;color:#fff;z-index:-1}.home__btn--hire:before:focus,.home__btn--hire:focus,.service__btn:before:focus,.service__btn:focus{outline:none!important;border:none!important}.home__btn--hire:hover,.service__btn:hover{color:#fff}.home__btn--hire:hover:before,.service__btn:hover:before{width:100%;color:#fff}.service{-moz-box-pack:justify;justify-content:space-between;padding:10px}.service,.service__sev,.service__sev-2,.service__sev-3{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;margin:10px}.service__sev,.service__sev-2,.service__sev-3{border:1px solid #5a5a5a;background:rgba(255,101,47,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:blur();-moz-box-pack:center;justify-content:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%;border-radius:10px}.service__sev-icon{color:rgba(151,119,209,.863);padding-top:10px}.service__sev-btn-1,.service__sev-btn-2,.service__sev-btn-3{background:#ff652f;border:none;outline:none;margin-bottom:20px;font-size:12px;cursor:pointer;-webkit-box-shadow:inset 2px 4px 8px #ffb195;box-shadow:inset 2px 4px 8px #ffb195;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.service__sev-btn-1:hover,.service__sev-btn-2:hover,.service__sev-btn-3:hover{-webkit-transform:scale(110%);-moz-transform:scale(110%);transform:scale(110%)}.service__sev-btn-2{-webkit-box-shadow:inset 2px 4px 8px rgba(209,195,235,.226);box-shadow:inset 2px 4px 8px rgba(209,195,235,.226)}.service__sev-2,.service__sev-btn-2{background:rgba(151,119,209,.226)}.service__sev-2-icon{color:#ff652f;padding-top:10px}.service__sev-3-icon{color:rgba(151,119,209,.863);padding-top:10px}.service__btn{font-size:16px}@-webkit-keyframes move-text-color{0%{bottom:-.2em;opacity:1;color:#3e5c76}50%{bottom:.2em;color:#ec058e}to{bottom:0;opacity:1;color:#ff652f}}@-moz-keyframes move-text-color{0%{bottom:-.2em;opacity:1;color:#3e5c76}50%{bottom:.2em;color:#ec058e}to{bottom:0;opacity:1;color:#ff652f}}@keyframes move-text-color{0%{bottom:-.2em;opacity:1;color:#3e5c76}50%{bottom:.2em;color:#ec058e}to{bottom:0;opacity:1;color:#ff652f}}.menu-btn{position:absolute;z-index:4;right:45px;top:25px;height:20px;width:28px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.menu-btn__burger{right:0;top:8px}.menu-btn__burger,.menu-btn__burger:before{position:absolute;width:28px;height:3px;background:#fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.menu-btn__burger:before{content:"";top:-8px}.menu-btn__burger:after{content:"";position:absolute;top:8px;width:20px;height:3px;background:#fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.menu-btn__burger.open{-webkit-transform:rotate(2turn);-moz-transform:rotate(2turn);transform:rotate(2turn);background:transparent}.menu-btn__burger.open:before{-webkit-transform:rotate(45deg) translate(5px,8px);-moz-transform:rotate(45deg) translate(5px,8px);transform:rotate(45deg) translate(5px,8px)}.menu-btn__burger.open:after{width:28px;-webkit-transform:rotate(-45deg) translate(3px,-7px);-moz-transform:rotate(-45deg) translate(3px,-7px);transform:rotate(-45deg) translate(3px,-7px)}.nav{position:fixed;top:0;left:0;width:100%;opacity:.98;visibility:hidden;z-index:3}.nav.open{visibility:visible}.nav .menu-nav{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column wrap;height:100vh;margin-top:0;overflow:hidden;z-index:3;background:#1a1a1a;list-style-type:none;padding-right:16px;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.nav .menu-nav.open{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.nav .menu-nav__item{-webkit-transform:translateX(100vw);-moz-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.nav .menu-nav__item.open{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.nav .menu-nav__link{display:inline-block;font-size:32px;text-transform:uppercase;padding:20px 0;z-index:10;color:#fff;font-weight:400;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer}.nav .menu-nav__link.activ,.nav .menu-nav__link:hover{color:#ff652f}.menu-nav__item:first-child{-webkit-transition-delay:.25s;-moz-transition-delay:.25s;transition-delay:.25s}.menu-nav__item:nth-child(2){-webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s}.menu-nav__item:nth-child(3){-webkit-transition-delay:.45s;-moz-transition-delay:.45s;transition-delay:.45s}.menu-nav__item:nth-child(4){-webkit-transition-delay:.55s;-moz-transition-delay:.55s;transition-delay:.55s}.about,.clone,.contact,.project{background-image:-webkit-linear-gradient(315deg,#ff9a9e 10%,#ff652f);background-image:-moz-linear-gradient(315deg,#ff9a9e 10%,#ff652f 100%);background-image:linear-gradient(135deg,#ff9a9e 10%,#ff652f);background-attachment:fixed;background-size:cover;height:-moz-fit-content;height:fit-content;width:100%;color:#272727;position:relative}.about:after,.about:before,.clone:after,.clone:before,.contact:after,.contact:before,.project:after,.project:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;opacity:.3;z-index:-.5}.about:before,.clone:before,.contact:before,.project:before{-webkit-clip-path:circle(20% at left 10%);clip-path:circle(20% at left 10%)}.about:after,.about:before,.clone:after,.clone:before,.contact:after,.contact:before,.project:after,.project:before{background:-webkit-linear-gradient(315deg,#f6416c,#ff652f 100%);background:-moz-linear-gradient(315deg,#f6416c,#ff652f 100%);background:linear-gradient(135deg,#f6416c,#ff652f 100%)}.about:after,.clone:after,.contact:after,.project:after{-webkit-clip-path:circle(25% at right 90%);clip-path:circle(25% at right 90%)}.about__all{-ms-scroll-snap-type:none;scroll-snap-type:none;overflow:scroll;height:100%}.about__me,.about__skills{height:100vh;width:92%;margin:auto;background:hsla(0,0%,100%,.1);border-radius:15px;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.15);box-shadow:0 20px 50px rgba(0,0,0,.15);border-top:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5);display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.about__me--head{text-transform:uppercase;text-align:center;font-weight:700}.about__me--left{-moz-box-flex:0;flex:0 1 40%;min-height:50%;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;background:hsla(0,0%,100%,.3);border-radius:15px;border-top:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5)}.about__me--left-img{z-index:1}.about__me--right{-moz-box-flex:0;flex:0 1 60%;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;text-align:center;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;z-index:0;margin:auto 5px}.about__skills{height:0fr}.about__skills,.about__skills>h2{padding-top:10px}.about__skills--pro{-moz-box-flex:0;flex:0 1}.about__skills--pro,.about__skills--prog{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;width:100%}.about__skills--prog{-moz-box-align:center;align-items:center}.about__skills--prog-1{width:90%;margin:auto;position:relative;line-height:1.5;border:1px solid hsla(0,0%,100%,.4);padding:10px;display:inline-block;border-radius:30px;color:#621900;font-weight:700;font-family:inherit;text-transform:capitalize;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;overflow:hidden}.about__skills--prog-1,.about__skills--prog-1:before{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.about__skills--prog-1:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#fb4100;color:#fff;z-index:-1}.about__skills--prog-1:hover{color:#fff;z-index:0}.about__skills--prog-1:hover:before{width:100%;color:#fff}.about__skills--stat{-moz-box-flex:0;flex:0 5 90%;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin:auto;padding:auto;text-align:left;width:90%}.about__skills--stat,.about__skills--stat-front{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.about__skills--stat-front{-moz-box-pack:justify;justify-content:space-between;width:100%;height:100%}.about__skills--stat-front>p{-moz-box-flex:1;flex:1 1}.about__skills--stat-front>span{-moz-box-flex:0;flex:0 1;padding-left:10px;font-size:12px}.about__skills--stat-front-html{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-front-html:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:90%}.about__skills--stat-front-css{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-front-css:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:80%}.about__skills--stat-front-js{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-front-js:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:60%}.about__skills--stat-front-react{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-front-react:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:75%}.about__skills--stat-front-next{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-front-next:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:85%}.about__skills--stat-front-nat{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-front-nat:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:70%}.about__skills--stat-back{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;width:100%;height:100%}.about__skills--stat-back>p{-moz-box-flex:1;flex:1 1}.about__skills--stat-back>span{-moz-box-flex:0;flex:0 1;padding-left:10px;font-size:12px}.about__skills--stat-back-fire{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-back-fire:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:70%}.about__skills--stat-back-men{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-back-men:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:50%}.about__skills--stat-back-san{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-back-san:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:60%}.about__skills--stat-back-php{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-back-php:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:50%}.about__skills--stat-des{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;width:100%;height:100%}.about__skills--stat-des>p{-moz-box-flex:1;flex:1 1}.about__skills--stat-des>span{-moz-box-flex:0;flex:0 1;padding-left:10px;font-size:12px}.about__skills--stat-des-adobe{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-des-adobe:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:80%}.about__skills--stat-des-figma{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-des-figma:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:70%}.about__skills--stat-des-illu{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-des-illu:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:50%}.about__skills--stat-des-invision{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-des-invision:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:50%}.about__skills--stat-des-photo{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-des-photo:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:60%}.about__skills--stat-des-miro{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195}.about__skills--stat-des-miro:after{content:"";height:100%;background:#c83400;position:absolute;border-radius:40px;width:70%}.about__exper{height:100vh;width:100%;scroll-snap-align:start}.mymodal{display:-moz-box;display:flex;justify-content:space-around;-moz-box-align:center;align-items:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;background:hsla(0,0%,100%,.753);height:85%;width:85%;margin:auto;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:blur();-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards;-moz-animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards;animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards}.mymodal>h1{font-size:18px;-moz-box-flex:0;flex:0 1}.mymodal>ul>li{margin-right:5px;flex:0 1 50%}.mymodal .btn,.mymodal>ul>li{font-size:16px;-moz-box-flex:0}.mymodal .btn{position:relative;line-height:1.5;background-color:hsla(0,0%,100%,.25);border:none;display:inline-block;border-radius:30px;color:#fb4100;font-weight:700;font-family:inherit;text-transform:capitalize;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;overflow:hidden;margin-top:0;padding:10px 30px;flex:0 1 40%;max-height:45px}.mymodal .btn,.mymodal .btn:before{outline:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.mymodal .btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#fb4100;border:none;color:#fff;z-index:-1}.mymodal .btn:before:focus,.mymodal .btn:focus{outline:none!important;border:none!important}.mymodal .btn:hover{color:#fff}.mymodal .btn:hover:before{width:100%;color:#fff}.mymodal .times{position:absolute;top:-22px;left:-18px;color:#ff652f;background-color:#fff;border-radius:50%;cursor:pointer;border:none;outline:none}.myoverlay{position:fixed;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:blur();-webkit-transform:scaleY(.01) scaleX(0);-moz-transform:scaleY(.01) scaleX(0);transform:scaleY(.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;-moz-animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}.ReactModal__Overlay--before-close{-webkit-animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards;-moz-animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards;animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards}.ReactModal__Content--before-close{-webkit-animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards;-moz-animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}.contact>h1{padding-top:25px;margin-top:0;font-size:20px;font-weight:700;text-transform:uppercase}.contact>h1,.contact>p{text-align:center}.contact__container,.project__container{width:95%;margin:0 auto;padding:10px;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.15);box-shadow:0 20px 50px rgba(0,0,0,.15);border-top:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5)}.contact__container,.contact__info,.project__container{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;border-radius:15px}.contact__info{background-color:rgba(151,119,209,.5);width:90%;margin:20px auto;padding-top:10px;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:blur();height:100%}.contact__info:after,.contact__info:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;opacity:.3;z-index:0}.contact__info:after{-webkit-clip-path:circle(32% at right 95%);clip-path:circle(32% at right 95%);background:-webkit-linear-gradient(315deg,#f6416c,#952700 100%);background:-moz-linear-gradient(315deg,#f6416c,#952700 100%);background:linear-gradient(135deg,#f6416c,#952700 100%)}.contact__info>h3{-moz-box-flex:0;flex:0 1 5%;margin:20px 10px 10px}.contact__info>h4,.contact__info>p{-moz-box-flex:0;flex:0 1 5%;margin:10px}.contact__info>p{text-align:center}.contact__address,.contact__email,.contact__number{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;width:80%;-moz-box-flex:1;flex:1 1 45%;margin:0}.contact__address>p,.contact__email>p,.contact__number>p{text-align:center;font-size:14px}.contact__address--des,.contact__email--des,.contact__number--des{color:#952700}.contact__social-icons{width:100%;display:-moz-box;display:flex;-moz-box-flex:1;flex:1 1 40%;-moz-box-pack:start;justify-content:flex-start;color:#952700;padding:20px;margin-top:50px;z-index:1}.contact__social-icons-all{margin:10px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.contact__social-icons-all:hover{color:#000;-webkit-transform:scale(120%);-moz-transform:scale(120%);transform:scale(120%)}form{padding:20px;width:100%}form .form-success{background-color:rgba(9,139,9,.671)}form .form-error,form .form-success{text-align:center;width:80%;margin:auto;padding:1px}form .form-error{background-color:rgba(255,0,0,.651)}form .col{width:100%}form .col,form .form-group{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-flex:0;flex:0 0 100%}form .form-group{-moz-box-pack:start;justify-content:flex-start;padding:15px}form .form-group label{font-size:16px;margin-bottom:5px;color:#272727}form .form-group input[type=email],form .form-group input[type=tel],form .form-group input[type=text],form .form-group textarea{cursor:pointer;padding:10px;font-size:16px;font-weight:400;background:transparent;border:none;border-bottom:2px solid hsla(0,0%,100%,.4);outline:none;outline-color:none;margin-bottom:10px;z-index:1}form .form-group input[type=email]:focus,form .form-group input[type=tel]:focus,form .form-group input[type=text]:focus,form .form-group textarea:focus{outline:none;outline-color:none;border:none;border-bottom:2px solid #952700}form .form-group #radio-btns{display:-moz-box;display:flex;-moz-box-pack:start;justify-content:flex-start;-moz-box-align:center;align-items:center;flex-wrap:wrap;z-index:1}form .form-group #radio-btns .radio-button{margin-right:5px}form .form-group #radio-btns label{font-size:15px}form .form-group .btn{position:relative;line-height:1.5;background-color:hsla(0,0%,100%,.25);border:none;padding:10px 20px;display:inline-block;border-radius:30px;color:#fb4100;font-weight:700;font-family:inherit;text-transform:capitalize;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;overflow:hidden;width:60%;margin:auto;z-index:1}form .form-group .btn,form .form-group .btn:before{outline:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}form .form-group .btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#fb4100;border:none;color:#fff;z-index:-1}form .form-group .btn:before:focus,form .form-group .btn:focus{outline:none!important;border:none!important}form .form-group .btn:hover{color:#fff}form .form-group .btn:hover:before{width:100%;color:#fff}.project{min-height:100%}.project>h1{text-align:center;padding-top:25px;margin-top:0;font-size:20px;font-weight:700;text-transform:uppercase}.project__container-img{display:-moz-box;display:flex;width:80%;height:100%;margin:auto auto 60px;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:20px;border:1px solid #f5f5f5;border-radius:10px;z-index:1}.project__container-img:first-child{margin-top:50px}.project__container-img .btn{margin-top:40px;position:relative;line-height:1.5;background-color:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.4);padding:10px 28px;display:inline-block;border-radius:30px;color:#fb4100;font-weight:700;font-family:inherit;text-transform:capitalize;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;overflow:hidden;z-index:1}.project__container-img .btn,.project__container-img .btn:before{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.project__container-img .btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#ff5216;color:#fff;z-index:-1}.project__container-img .btn:hover{color:#fff}.project__container-img .btn:hover:before{width:100%;color:#fff}.clone{height:100vh;padding-top:30px;padding-bottom:30px}.clone__header{margin-top:-10px;margin-left:30px}.clone__container{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;width:95%;height:100%;margin:0 auto;padding:auto;border-radius:15px;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.15);box-shadow:0 20px 50px rgba(0,0,0,.15);border-top:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5)}.clone__container,.clone__container-img{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}.clone__container-img{width:90%;margin:20px auto auto;padding:15px;-moz-box-flex:0;flex:0 1 45%}.clone__container-content{-moz-box-flex:0;flex:0 1 55%;padding:0 15px;-moz-box-align:center;align-items:center;max-height:60%;z-index:1}.clone__container-content>h3{text-align:center}.clone__container-content>h4{font-size:14px;z-index:2;padding:0;margin:5px 0}.clone__container-content>h4>span>i>a{cursor:pointer;text-decoration:underline;color:#00f}.clone footer{font-size:1rem;position:fixed;bottom:-5px;right:10px;text-align:right;color:#fff;padding:1rem}@media screen and (min-width:767px){.mymodal{margin:auto;height:70%;width:80%}.mymodal>h1{font-size:20px}.mymodal>ul>li{font-size:18px;margin:0}.menu-btn{visibility:hidden}.nav{visibility:visible}.nav .menu-nav{display:block;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);height:100%;text-align:right;background:rgba(0,0,0,.699);z-index:1;margin-top:0}.nav .menu-nav__item{display:inline;padding-right:1.5rem}.nav .menu-nav__link{font-size:18px}.about__me--head{padding-top:50px}.about__me--left{min-width:70%}.about__me--right{font-size:20px;word-spacing:3px;letter-spacing:1px;z-index:3}.about__skills{padding-top:65px}.about__skills--prog-1,.about__skills--stat,.about__skills--stat-front>p{font-size:18px}.about__skills--stat-front>span{font-size:16px}.about__skills--stat-front-css,.about__skills--stat-front-html,.about__skills--stat-front-js,.about__skills--stat-front-nat,.about__skills--stat-front-next,.about__skills--stat-front-react{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195;-moz-box-flex:4;flex:4 1}.about__skills--stat-back>p{font-size:20px}.about__skills--stat-back>span{font-size:18px}.about__skills--stat-back-fire,.about__skills--stat-back-men,.about__skills--stat-back-php,.about__skills--stat-back-san{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195;-moz-box-flex:4;flex:4 1}.about__skills--stat-des>p{font-size:20px}.about__skills--stat-des>span{font-size:18px}.about__skills--stat-des-adobe,.about__skills--stat-des-figma,.about__skills--stat-des-illu,.about__skills--stat-des-invision,.about__skills--stat-des-miro,.about__skills--stat-des-photo{height:20px;width:100%;margin:0 10px;-moz-box-flex:2.5;flex:2.5 1;border-radius:40px;position:relative;background-color:#ffb195;-moz-box-flex:4;flex:4 1}.contact>h1,.project>h1{padding-top:60px;font-size:22px}.contact>p{font-size:20px}.contact__info>h3{font-size:20px;letter-spacing:1.5px}.contact__info>h4{font-size:18px;letter-spacing:1.5px}.contact__info>p{font-size:18px;letter-spacing:1px;word-spacing:2px}.contact__address>p,.contact__email>p,.contact__number>p{font-size:20px;letter-spacing:1px}form .form-group input[type=email],form .form-group input[type=tel],form .form-group input[type=text],form .form-group label,form .form-group textarea{font-size:20px}form .form-group #radio-btns .radio-button{margin-right:10px}form .form-group #radio-btns label{font-size:19px}form .form-group .btn{font-size:20px}.home{padding-top:20vh}.home__name{font-size:40px}.home__btn--hire,.service__btn{padding:10px 20px;font-size:18px}.home footer{font-size:1rem}.home .social-icons a{font-size:2rem}.service{font-size:25px}.service__sev-btn-1,.service__sev-btn-2,.service__sev-btn-3{font-size:18px}.clone{padding-top:100px;padding-bottom:50px}.clone__container-img{width:100%;-moz-box-pack:center;justify-content:center;margin:50px auto auto;padding:10px}.clone__container-content{padding:30px}.clone__container-content>h3{font-size:20px}.clone__container-content>p{font-size:20px;letter-spacing:1px;word-spacing:2.5px}.clone__container-content>h4{font-size:16px}}@media screen and (min-width:1024px){.home{padding-top:10vh}.nav .menu-nav__link{font-size:18px}.about__me--head{font-size:25px}.about__me--left{min-width:80%}.about__me--right{font-size:20px;word-spacing:3px;letter-spacing:1px}.about__skills{padding-top:0;padding-bottom:10px;font-size:18px}.about__skills>h2{padding-top:60px}.about__skills--prog-1,.about__skills--stat{font-size:18px}.about__skills--stat-front>p,.about__skills--stat-front>span{font-size:16px}.about__skills--stat-back>p,.about__skills--stat-back>span,.about__skills--stat-des>p,.about__skills--stat-des>span{font-size:18px}}@media screen and (min-width:1024px)and (min-width:1200px){.home{padding-top:10px}.project{height:100vh}.project__container-img{margin-right:10px}.home{padding-top:10vh}.home__name{font-size:40px}.home__btn--hire,.service__btn{padding:8px 18px;font-size:18px}.home footer{font-size:1rem}.home .social-icons a{font-size:2rem}.clone{padding-top:65px;padding-bottom:20px}.clone__container-img{width:80%;-moz-box-pack:center;justify-content:center;margin:20px auto auto;padding:5px}.clone__container-content{padding:10px 20px}.clone__container-content>h3{font-size:20px}.clone__container-content>p{font-size:18px;letter-spacing:1px;word-spacing:2px}.clone__container-content>h4{font-size:16px}.contact{height:100%}.contact__container,.project__container{-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:blur()}.contact__info{width:100%;height:-moz-fit-content;height:fit-content;margin-left:20px;-moz-box-flex:0;flex:0 0 35%}.contact__address>p,.contact__email>p,.contact__number>p{font-size:13.5px}.contact form{-moz-box-flex:1;flex:1 1 65%;margin-right:200px;margin-left:-40px;width:60%}.contact form .col{-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;width:75%;margin-left:40px}.contact form .form-group{padding:10px}.contact form .form-group label{margin-bottom:10px}.contact form .form-group textarea{width:210%}.contact form .form-group #radio-btns{width:150%}.contact form .form-group #radio-btns .radio-button{margin-right:10px}.contact form .form-group #radio-btns label{font-size:16px}.contact form .form-group .btn{margin-left:250px}}@media screen and (max-height:570px){main footer{font-size:15px;bottom:15px;padding:5px}main .social-icons{left:5px}main .social-icons a{padding:5px}.home{padding-top:60px}.home>h2{font-size:16px;padding-top:0;margin-top:0}.home>p{font-size:14px;margin:0}.home__name{font-size:20px;margin-bottom:5px;padding-bottom:5px;margin-top:0;padding-top:0}.home__btn--hire,.service__btn{position:relative;line-height:1.5;background-color:hsla(0,0%,100%,.25);border:none;display:inline-block;border-radius:30px;color:#fb4100;font-weight:700;font-family:inherit;text-transform:capitalize;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;overflow:hidden;padding:2px 5px;font-size:10px;margin:5px}.home__btn--hire,.home__btn--hire:before,.service__btn,.service__btn:before{outline:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.home__btn--hire:before,.service__btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#fb4100;border:none;color:#fff;z-index:-1}.home__btn--hire:before:focus,.home__btn--hire:focus,.service__btn:before:focus,.service__btn:focus{outline:none!important;border:none!important}.service{padding:5px;margin:5px}.service__sev,.service__sev-2,.service__sev-3{width:70%;height:40vh;margin:5px}.service__sev-icon{padding-top:5px}.about__all{overflow:scroll;height:100%;-ms-scroll-snap-type:none;scroll-snap-type:none}.about__me,.about__skills{height:100%;scroll-snap-align:none}.clone{height:100%}}.bg-circles{position:fixed;top:0;height:100%;max-width:1200px;width:-moz-calc(100% - 30px);width:calc(100% - 30px);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.bg-circles>div{position:absolute;border-radius:50%}.bg-circles .circle-1{height:60px;width:60px;background-color:#3030e2;left:5%;top:10%;opacity:.3;-webkit-animation:zoomInOut 8s linear infinite;-moz-animation:zoomInOut 8s linear infinite;animation:zoomInOut 8s linear infinite}.bg-circles .circle-2{height:80px;width:80px;background-color:#ff652f;left:30%;top:50%;opacity:.4;-webkit-animation:bounceTop 8s ease-in-out infinite;-moz-animation:bounceTop 8s ease-in-out infinite;animation:bounceTop 8s ease-in-out infinite}.bg-circles .circle-3{height:120px;width:120px;background-color:#fff;top:40%;right:-60px;opacity:.6}.bg-circles .circle-4{height:60px;width:60px;background-color:orange;top:80%;left:-30px;opacity:.6}@-webkit-keyframes zoomInOut{0%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.5);transform:scale(.5)}}@-moz-keyframes zoomInOut{0%{-moz-transform:scale(.5);transform:scale(.5)}50%{-moz-transform:scale(1);transform:scale(1)}to{-moz-transform:scale(.5);transform:scale(.5)}}@keyframes zoomInOut{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes bounceTop{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@-moz-keyframes bounceTop{0%{-moz-transform:translateY(-50px);transform:translateY(-50px)}50%{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes bounceTop{0%{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);transform:translateY(-50px)}}header{position:fixed;z-index:2;width:100%;padding:16px}h1,h2,h3{font-weight:400}main{width:100%;position:relative;height:100vh;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#fff;background:#272727;line-height:1}main .social-icons{position:fixed;bottom:1rem;left:1rem}main .social-icons a{padding:.2rem;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}main .social-icons a:hover{color:#ff652f}footer{font-size:1rem;position:fixed;bottom:.4rem;right:1rem;text-align:right;padding:1rem}h4{padding-bottom:0;margin-bottom:0}