@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;color:var(--color-dark-body);background-color:var(--color-bg-light-body);font-family:var(--font-mos);font-weight:600}main{position:relative;z-index:1}h1{margin-bottom:0;color:var(--color-text-dark)}p{line-height:1.5;margin-bottom:36px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:400}a{color:var(--color-text-dark)}a,a:visited,a:hover{text-decoration:none}ul{list-style:none}.shadow{box-shadow:var(--box-shadow)}.container{padding:0;margin:0}.container--pall{padding-right:25px;padding-left:25px;margin-right:auto;margin-left:auto}@media (min-width:40em){.container--pall{padding-left:50px;padding-right:50px}}@media (min-width:64em){.container--pall{padding-left:120px;padding-right:120px}}.container--py{padding-top:100px;padding-bottom:100px}.container--px{padding-right:24px;padding-left:24px}
.container--pt{padding-top:70px}.container--pr{padding-right:24px}.container--pb{padding-bottom:70px}.container--pl{padding-left:24px}.flex{display:flex}.flex-jc-c{justify-content:center}.flex-jc-sa{justify-content:space-around}.flex-jc-sb{justify-content:space-between}.flex-ai-c{align-items:center}.flex-fd-c{flex-direction:column}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar);border-radius:20px}::-moz-selection{background-color:var(--color-selection);color:var(--color-bg-selection)}::selection{background-color:var(--color-selection);color:var(--color-bg-selection)}:root,.day{--font-jen:Jenthill,sans-serif;--font-mos:Mosk,sans-serif;--scrollbar:#a5f1e9;--color-dark-body:#404040;--color-text-dark:#404040;--color-bg-light-body:#f9f9f9;--color-selection:#343f52;--color-bg-selection:#fff6db;--color-logo:#7fbcd2;--color-title-nav:#343f52;--hovernav:#f69e7b;--color-bg-mob-navbar:#fff8ef;--color-bg-mob-nav:#f9f9f9;--color-border-mob-nav:#29272a;--color-bg-light-hero:#fff;--light:transparent;--color-g-light-hero:transparent;--color-light-lmp-hero:transparent;--color-bg-hero:#a5f1e9;--color-title-hero:#343f52;--color-bgtop-mob-hero:#fff8ef;--color-bgbotom-mob-hero:rgba(255,255,255,1);--color-bg-serv:#fff6db;--color-title-serv:#343f52;--color-one:#ff7751;--color-two:#3dd0c4;--color-three:#fdd08e;--color-four:#c2c68e;--box-shadow:0 2px 15px rgba(0,0,0,.164);--color-dark-serv:#404040;--color-light-serv:#f6f4f6dc;--color-p-serv:#303030;--color-bg-box:#fff;--color-bg-blog:#fff;--color-title-blog:#343f52;--color-dark-blog:#404040;--color-bg-light-blog:#fff;--color-btn-viewsite:#3dd0c4;--color-bg-sendme:#fff;--color-title-sendme:#404040;--color-btn-sendme:#404040;--color-bg-footer:#ffdaa6;--color-bg-light-footer:#f9f9f9;--color-dark-footer:#404040;--hoverfooter:#f69e7b;--headtphone:#3dd0c4;--color-bg-about:#f7f7f7;--bg-img-about:#252525;--color-bg-rec-info:#ffdaa6;--color-Vector-info:#b8dfd8;--color-light-info:#d0af84;--color-border-info:transparent;--color-bg-skills:#f7f7f7;--bg-skills-item:#252525;--color-one:#ff7751;--color-two:#3dd0c4;--color-three:#fdd08e;--color-bggrid-mywork:#fec;--color-mywork:#f9f9f9;--color-bg-blogs:#f7f7f7;--color-bg-body-blogs:#fae5c6;--color-bg-mywork:#f9f9f9;--color-title-mywork:#252525;--color-line-mywork:#dadada;--color-dotted-mywork:#cfd2cf;--color-catigory-mywork:#3dd0c4;--color-bg-web-page:#e4e3e3;--color-bg-work-grid-odd:#f4f4f4;--color-bg-work-grid-even:#ebebeb;--color-bg-contact:#f7f7f7;--color-contact:#ffcd94;--color-light-contact:#f9f9f9;--color-dark-contact:#404040;--contact-b:#d2d2d2;--contact-t:#404040;--contact-c:#d2d2d2;--contact-c2:#e4e4e4;--contact-s:#f69e7b;--contact-s2:#da8564;--contact-o:#fdc981;--contact-o2:#fcd6ac;--contact-y:#c2c68e;--contact-y2:#fdb959}
.night{--font-jen:Jenthill,sans-serif;--font-mos:Mosk,sans-serif;--scrollbar:#774069;--color-dark-body:#f9f9f9;--color-text-dark:#f9f9f9;--color-bg-light-body:#29272a;--color-selection:#f9f9f9;--color-bg-selection:#363062;--color-logo:#827397;--color-title-nav:#f9f9f9;--hovernav:#827397;--color-bg-mob-navbar:#29272a;--color-bg-mob-nav:#29272a;--color-border-mob-nav:#f9f9f9;--color-bg-light-hero:#29272a;--light:#f5e9b5bb;--color-g-light-hero:#fbd178;--color-light-lmp-hero:#fbd178;--color-bg-hero:#774069;--color-title-hero:#f9f9f9;--color-bgtop-mob-hero:#29272a;--color-bgbotom-mob-hero:rgba(41,39,42,1);--color-glow-lmp-hero:text-flicker-in-glow 1s linear both;--color-bg-serv:#4c3a69;--color-title-serv:#f9f9f9;--color-one:#774069;--color-two:#535a96;--color-three:#4c3a69;--color-four:#1e5f74;--box-shadow:0 2px 15px rgba(0,0,0,.493);--color-dark-serv:#f9f9f9;--color-light-serv:#29272a;--color-p-serv:#cfcccc;--color-bg-box:#363062;--color-bg-blog:#29272a;--color-title-blog:#f9f9f9;--color-dark-blog:#f9f9f9;--color-bg-light-blog:#29272a;--color-btn-viewsite:#774069;--color-bg-sendme:#29272a;--color-title-sendme:#c9c9c9;--color-btn-sendme:#f9f9f9;--color-bg-footer:#4d4c7d;--color-bg-light-footer:#29272a;--color-dark-footer:#f9f9f9;--color-cray:#cfcccc;--hoverfooter:#774069;--headtphone:#1e5f74;--color-bg-about:#252525;--bg-img-about:#f7f7f7;--color-bg-rec-info:#535a96;--color-Vector-info:#ffd28f;--color-light-info:#413c69;--color-border-info:transparent;--color-bg-skills:#252525;--bg-skills-item:#f7f7f7;--box-shadow:0 2px 15px rgba(0,0,0,.4);--color-one:#774069;--color-two:#535a96;--color-three:#4c3a69;--color-bggrid-mywork:#fec;--color-mywork:#f9f9f9;--color-bg-blogs:#252525;--color-bg-body-blogs:#353850;--color-bg-mywork:#252525;--color-title-mywork:#f9f9f9;--color-line-mywork:#3d3d3d;--color-dotted-mywork:#000;--color-catigory-mywork:#774069;--color-bg-web-page:#333;--color-bg-work-grid-odd:#777;--color-bg-work-grid-even:#555;--color-bg-contact:#252525;--color-contact:#5d65a8ec;--color-light-contact:#29272a;--color-dark-contact:#f9f9f9;--contact-b:#404040;--contact-t:#f9f9f9;--contact-c:#333;--contact-c2:#404040;--contact-s:#5f4c81;--contact-s2:#473464;--contact-o:#535a96;--contact-o2:#5d65a8ec;--contact-y:#774069;--contact-y2:#8d4e7d}
.ani-txt-hello{-webkit-animation:shake-left .7s cubic-bezier(.68,-.55,.265,1.55) 2 both;animation:shake-left .7s cubic-bezier(.68,-.55,.265,1.55) 2 both}@-webkit-keyframes shake-left{0%,100%{transform:rotate(-5deg);transform-origin:bottom left}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}@keyframes shake-left{0%,100%{transform:rotate(-5deg);transform-origin:bottom left}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.ani-serv-box{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.ani-mywork-card{-webkit-animation:slide-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top 1s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-top{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}@keyframes slide-top{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}.ani-mywork__title-bottom{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}@-webkit-keyframes bounce-top{0%{transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}
}@keyframes bounce-top{0%{transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{transform:translateY(0px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}.card-back-works{-webkit-animation:fade-in .5s cubic-bezier(.39,.575,.565,1) both;animation:fade-in .5s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}
100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.title-left h1{-webkit-animation:slide-in-left 1.5s cubic-bezier(.25,.46,.45,.94) .4s both;animation:slide-in-left 1.5s cubic-bezier(.25,.46,.45,.94) .4s both}@-webkit-keyframes slide-in-left{0%{transform:translateX(-80px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{transform:translateX(-80px);opacity:0}100%{transform:translateX(0);opacity:1}}.title-left img{-webkit-animation:slide-in-bottom 1.5s cubic-bezier(.25,.46,.45,.94) 1.2s both;animation:slide-in-bottom 1.5s cubic-bezier(.25,.46,.45,.94) 1.2s both}@-webkit-keyframes slide-in-bottom{0%{transform:translateY(120px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(120px);opacity:0}100%{transform:translateY(0);opacity:1}}@media (min-width:40em){.title-left img{-webkit-animation:slide-in-bottom 1.5s cubic-bezier(.25,.46,.45,.94) 1.1s both;animation:slide-in-bottom 1.5s cubic-bezier(.25,.46,.45,.94) 1.1s both}
@-webkit-keyframes slide-in-bottom{0%{transform:translateY(120px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(120px);opacity:0}100%{transform:translateY(0);opacity:1}}}.img-right img{-webkit-animation:slide-in-right 1.5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-in-right 1.5s cubic-bezier(.25,.46,.45,.94) 1s both}@-webkit-keyframes slide-in-right{0%{transform:translateX(700px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(700px);opacity:0}100%{transform:translateX(0);opacity:1}}@media (min-width:40em){.img-right img{-webkit-animation:slide-in-right 1.5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-in-right 1.5s cubic-bezier(.25,.46,.45,.94) 1s both}@-webkit-keyframes slide-in-right{0%{transform:translateX(1000px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(1000px);opacity:0}100%{transform:translateX(0);opacity:1}
}}.blog__header--title h2{-webkit-animation:slide-in-right-h2 1.2s cubic-bezier(.25,.46,.45,.94) .3s both;animation:slide-in-right-h2 1.2s cubic-bezier(.25,.46,.45,.94) .3s both}@-webkit-keyframes slide-in-right-h2{0%{transform:translateX(1000px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide-in-right-h2{0%{transform:translateX(1000px);opacity:0}100%{transform:translateX(0);opacity:1}}.blog__header--title .fill{-webkit-animation:slide-in-left-fill .8s cubic-bezier(.25,.46,.45,.94) 2s both;animation:slide-in-left-fill .8s cubic-bezier(.25,.46,.45,.94) 2s both}@-webkit-keyframes slide-in-left-fill{0%{transform:translateX(0px);opacity:1}100%{transform:translateX(100px);opacity:0}}@keyframes slide-in-left-fill{0%{transform:translateX(0px);opacity:1}100%{transform:translateX(100px);opacity:0}}.ani-serv-card-1{-webkit-animation:slide-up 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-up 1.5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-up{0%{transform:translateY(350px)}
100%{transform:translateY(0px)}}@keyframes slide-up{0%{transform:translateY(350px)}100%{transform:translateY(0px)}}@media (min-width:40em){.ani-serv-card-1{-webkit-animation:slide-left 1.5s cubic-bezier(.25,.46,.45,.94) 1.2s both;animation:slide-left 1.5s cubic-bezier(.25,.46,.45,.94) 1.2s both}@-webkit-keyframes slide-left{0%{transform:translateX(0);opacity:0}100%{transform:translateX(-350px);opacity:1}}@keyframes slide-left{0%{transform:translateX(0);opacity:0}100%{transform:translateX(-350px);opacity:1}}}.ani-serv-card-2{-webkit-animation:slide-down 1.5s cubic-bezier(.25,.46,.45,.94) .6s both;animation:slide-down 1.5s cubic-bezier(.25,.46,.45,.94) .6s both}@-webkit-keyframes slide-down{0%{transform:translateY(-350px)}100%{transform:translateY(0px)}}@keyframes slide-down{0%{transform:translateY(-350px)}100%{transform:translateY(0px)}}@media (min-width:40em){.ani-serv-card-2{-webkit-animation:slide-up 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-up 1s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-up{0%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(300px)}100%{transform:translateY(0)}}}.ani-serv-card-3{-webkit-animation:slide-down 1.5s cubic-bezier(.25,.46,.45,.94) .6s both;animation:slide-down 1.5s cubic-bezier(.25,.46,.45,.94) .6s both}@keyframes slide-down{0%{transform:translateY(-350px)}100%{transform:translateY(0px)}}@media (min-width:40em){.ani-serv-card-3{-webkit-animation:slide-right 1.5s cubic-bezier(.25,.46,.45,.94) 1.2s both;animation:slide-right 1.5s cubic-bezier(.25,.46,.45,.94) 1.2s both}@-webkit-keyframes slide-right{0%{transform:translateX(0);opacity:0}100%{transform:translateX(350px);opacity:1}}@keyframes slide-right{0%{transform:translateX(0);opacity:0}100%{transform:translateX(350px);opacity:1}}}#navigation{position:absolute;top:0;right:0;left:0;z-index:2;padding:20px 0}@media (min-width:64em){#navigation{background-color:transparent}}#navigation .nav__logo-nav .logos{width:52%;margin-top:10px}
#navigation .nav__logo-nav .logos path{stroke:var(--color-logo)}#navigation .nav__navbar{position:fixed;bottom:0;right:0;left:0;background-color:var(--color-bg-mob-nav);border-top:3px solid var(--color-border-mob-nav)}@media (min-width:64em){#navigation .nav__navbar{position:relative;border:none;padding-right:28px;background-color:transparent}}#navigation .nav__navbar .list-nav{padding:0}#navigation .nav__navbar .list-nav .item-nav{margin:0 12px}#navigation .nav__navbar .list-nav .item-nav .link-nav{color:var(--color-title-nav);font-size:16px;letter-spacing:1px;text-transform:lowercase}@media (min-width:64em){#navigation .nav__navbar .list-nav .item-nav .link-nav{font-size:18px}}#navigation .nav__navbar .list-nav .item-nav .link-nav:hover{-webkit-text-decoration:underline wavy var(--hovernav);text-decoration:underline wavy var(--hovernav)}#navigation .nav__navbar .list-nav .item-nav .link-nav .icon-nav{display:block;text-align:center}@media (min-width:64em){#navigation .nav__navbar .list-nav .item-nav .link-nav .icon-nav{display:none}
}#navigation .nav__navbar .list-nav .item-nav .link-nav:hover{color:var(--hovernav)}#navigation .nav__btn-dark-light .chk{display:none}#navigation .nav__btn-dark-light .btn-dark-light{padding:0}#navigation .nav__btn-dark-light .btn-dark-light input{position:absolute;left:-99em}#navigation .nav__btn-dark-light .toggle{cursor:pointer;display:inline-block;position:relative;width:52px;height:29px;background-color:#83d8ff;border:5px solid;border-radius:84px;transition:background-color .2s cubic-bezier(.445,.05,.55,.95);border:3px solid #2a9df4;transition:border-top-color .15s linear,border-right-color .15s linear .015s,border-bottom-color .15s linear .03s,border-left-color .15s linear .045s}#navigation .nav__btn-dark-light .toggle:before{position:absolute;left:-50px;top:15px;font-size:18px}#navigation .nav__btn-dark-light .toggle:after{position:absolute;right:-48px;top:15px;font-size:18px}#navigation .nav__btn-dark-light .handler{display:inline-block;position:relative;z-index:1;top:2px;left:4px;width:19px;height:19px;background-color:#ffcf96;border-radius:50px;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.68,-1.55,.265,2.55);transform:rotate(-45deg)}
#navigation .nav__btn-dark-light .handler .crater{position:absolute;background-color:#e8cda5;opacity:0;transition:opacity .2s ease-in-out;border-radius:100%}#navigation .nav__btn-dark-light .handler .crater1{top:8px;left:4px;width:3px;height:3px}#navigation .nav__btn-dark-light .handler .crater2{top:3px;left:10px;width:4px;height:4px}#navigation .nav__btn-dark-light .handler .crater3{top:11px;left:8px;width:6px;height:6px}#navigation .nav__btn-dark-light .star{position:absolute;background-color:#fff;transition:all .3s cubic-bezier(.445,.05,.55,.95);border-radius:50%}#navigation .nav__btn-dark-light .star1{top:4px;left:13px;z-index:0;width:13px;height:2px}#navigation .nav__btn-dark-light .star2{top:9px;left:14px;z-index:1;width:18px;height:2px}#navigation .nav__btn-dark-light .star3{top:14px;left:21px;z-index:0;width:14px;height:2px}#navigation .nav__btn-dark-light .star4,#navigation .nav__btn-dark-light .star5,#navigation .nav__btn-dark-light .star6{opacity:0;transition:all .3s 0 cubic-bezier(.445,.05,.55,.95)}
#navigation .nav__btn-dark-light .star4{top:5px;left:5px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}#navigation .nav__btn-dark-light .star5{top:13px;left:4px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}#navigation .nav__btn-dark-light .star6{top:18px;left:10px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}#navigation .nav__btn-dark-light input:checked+.toggle{background-color:#749dd6;border-top-color:#605885;border-right-color:#605885;border-bottom-color:#605885;border-left-color:#605885;transition:border-top-color .15s linear,border-right-color .15s linear .015s,border-bottom-color .15s linear .03s,border-left-color .15s linear .045s}#navigation .nav__btn-dark-light input:checked+.toggle .handler{background-color:#ffe5b5;transform:translate3d(20px,0,0) rotate(0)}#navigation .nav__btn-dark-light input:checked+.toggle .handler .crater{opacity:1}#navigation .nav__btn-dark-light input:checked+.toggle .star1{width:2px;height:2px}#navigation .nav__btn-dark-light input:checked+.toggle .star2{width:3px;height:3px;transform:translate3d(-5px,0,0)}
#navigation .nav__btn-dark-light input:checked+.toggle .star3{width:2px;height:2px;transform:translate3d(-7px,0,0)}#navigation .nav__btn-dark-light input:checked+.toggle .star4,#navigation .nav__btn-dark-light input:checked+.toggle .star5,#navigation .nav__btn-dark-light input:checked+.toggle .star6{opacity:1;transform:translate3d(0,0,0)}#navigation .nav__btn-dark-light input:checked+.toggle .star4{transition:all .3s .2s cubic-bezier(.445,.05,.55,.95)}#navigation .nav__btn-dark-light input:checked+.toggle .star5{transition:all .3s .3s cubic-bezier(.445,.05,.55,.95)}#navigation .nav__btn-dark-light input:checked+.toggle .star6{transition:all .3s .4s cubic-bezier(.445,.05,.55,.95)}#Footer{min-height:100vh;position:-webkit-sticky;position:sticky;bottom:0;width:100%;background-color:var(--color-bg-footer);display:flex;justify-content:center;align-items:center}@media (min-width:64em){#Footer{align-items:flex-start}}@media (min-width:87.5em){#Footer{align-items:center}}#Footer .footer__content{background-color:var(--color-bg-light-footer);width:365px;height:440px;margin:0 4%;position:relative;top:-25px}
@media (min-width:40em){#Footer .footer__content{width:440px;height:500px;padding:2% 3%}}@media (min-width:64em){#Footer .footer__content{width:80vw;height:550px;margin:0}}#Footer .footer__content .footer__top{display:flex;flex-direction:column}@media (min-width:64em){#Footer .footer__content .footer__top{flex-direction:row;padding-top:25px}}#Footer .footer__content .footer__top .footer__text{padding-left:20px}@media (min-width:64em){#Footer .footer__content .footer__top .footer__text{flex:50%;padding:25px 0 0 60px}}#Footer .footer__content .footer__top .footer__text .text-top h1{margin:50px 0 13px;font-size:140%;font-weight:600;color:var(--color-dark-footer)}@media (min-width:64em){#Footer .footer__content .footer__top .footer__text .text-top h1{font-size:165%}}#Footer .footer__content .footer__top .footer__text .text-top p{margin:7px 15px 20px 0;font-size:90%;font-weight:400;color:var(--color-dark-footer)}#Footer .footer__content .footer__top .footer__text .text-top p a{font-family:var(--font-mos);font-weight:600;color:var(--color-dark-footer);border-bottom:2px solid var(--color-bg-footer);line-height:1.8}
#Footer .footer__content .footer__top .footer__text .text-top p a:hover{background-color:var(--color-bg-footer)}@media (min-width:64em){#Footer .footer__content .footer__top .footer__text .text-top p{margin:15px 15px 20px 0;max-width:85%;font-size:120%}}#Footer .footer__content .footer__top .footer__text .text-top p:last-child{line-height:1}@media (min-width:64em){#Footer .footer__content .footer__top .footer__text .text-top p:last-child{margin-top:30px}}#Footer .footer__content .footer__top .footer__text .sochial-media ul{display:flex;justify-items:flex-start;margin:20px 0 0;padding:0}#Footer .footer__content .footer__top .footer__text .sochial-media ul li{margin-right:30px}#Footer .footer__content .footer__top .footer__text .sochial-media ul li a{font-size:120%;color:var(--color-dark-footer);text-shadow:0 .7rem .5rem rgba(0,0,0,.3)}#Footer .footer__content .footer__top .footer__text .sochial-media ul li a:hover{font-size:180%;color:var(--hoverfooter)}@media (min-width:64em){#Footer .footer__content .footer__top .footer__img{flex:50%;padding:70px 0 25px 50px}
}#Footer .footer__content .footer__top .footer__img svg{max-width:65%;position:relative;left:50%;top:45px;transform:translateX(-50%)}@media (min-width:40em){#Footer .footer__content .footer__top .footer__img svg{max-width:65%}}@media (min-width:64em){#Footer .footer__content .footer__top .footer__img svg{max-width:80%}}#Footer .footer__content .footer__top .footer__img svg .t-shirt{fill:var(--color-bg-footer)}#Footer .footer__content .footer__top .footer__img svg .headtphone{fill:var(--headtphone)}#Footer .footer__content .footer__top .footer__img .st1{fill:var(--color-bg-footer)}#Footer .footer__content .footer__top .footer__img .st0{fill:var(--color-bg-light-blog)}#Footer .footer__content .footer__bottom{position:absolute;bottom:-8%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:15px}@media (min-width:40em){#Footer .footer__content .footer__bottom{bottom:-6%}}@media (min-width:64em){#Footer .footer__content .footer__bottom{bottom:-8%;margin-left:70px}}#Footer .footer__content .footer__bottom h1{font-size:260%;border-bottom:8px solid var(--color-bg-footer)}
@media (min-width:64em){#Footer .footer__content .footer__bottom h1{font-size:380%}}#Footer .footer__content .btn-up{text-align:center;font-size:25px;margin-bottom:10px}#Footer .footer__content .btn-up a{color:var(--color-bg-footer);padding:0 100px}.box{box-shadow:var(--box-shadow)}#bg-about{background-color:var(--color-bg-about);overflow:hidden}#sec-hero-about{overflow:hidden}#sec-hero-about .about__header{height:150vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#sec-hero-about .about__header .about__header--img{position:relative}#sec-hero-about .about__header .about__header--img svg{transform:translate(0px,-60px)}@media (min-width:){#sec-hero-about .about__header .about__header--img svg{transform:translate(0px,0px)}}#sec-hero-about .about__header .about__header--img svg #about_name{fill:var(--bg-img-about)}#sec-hero-about .about__header .about__header--img h1{position:absolute;bottom:15%;left:50%;transform:translatex(-50%);opacity:0;transition:opacity 2s;font-weight:700}
#sec-bg-secend{position:relative;height:100vh;margin:0 auto;background-image:url(../img/bg-sec2-about-mob.webp);background-position:left center;background-size:cover;background-repeat:no-repeat}@media (min-width:64em){#sec-bg-secend{background-image:url(../img/bg-sec2-about-lab.webp);background-position:left center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}}#sec-info-about{min-height:100vh;padding:50px 0}@media (min-width:64em){#sec-info-about{padding:100px 0}}@media (min-width:64em){#sec-info-about .about__content--info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 320px}}@media (min-width:40em){#sec-info-about .about__content--info .about__img--info{width:500px}}@media (min-width:64em){#sec-info-about .about__content--info .about__img--info{width:80%;margin:0 auto}}#sec-info-about .about__content--info .about__img--info svg #rec-bg-info{fill:var(--color-bg-rec-info)}#sec-info-about .about__content--info .about__img--info svg #face-info{fill:var(--color-Vector-info)}
#sec-info-about .about__content--info .about__img--info svg #circal-line-info{fill:var(--color-light-info)}#sec-info-about .about__content--info .about__img--info svg #border-info{fill:var(--color-border-info)}@media (min-width:64em){#sec-info-about .about__content--info .about__text--info{width:90%;padding-top:20px}}@media (min-width:87.5em){#sec-info-about .about__content--info .about__text--info{width:75%;padding-top:20px}}#sec-info-about .about__content--info .about__text--info h5{margin:0;font-weight:700;font-size:200%}#sec-info-about .about__content--info .about__text--info p{font-size:18px;width:100%;text-align:justify;line-height:1.9}#sec-info-about .about__content--info .about__text--info p:hover span{background-image:linear-gradient(transparent 50%,var(--color-bg-about) 50%,var(--color-bg-rec-info) 100%,transparent 50%,transparent 100%);background-repeat:no-repeat;background-size:0 100%;-webkit-animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards;animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards}
@-webkit-keyframes animatedBackground{to{background-size:100% 100%}}@keyframes animatedBackground{to{background-size:100% 100%}}@media (min-width:64em){#sec-info-about .about__content--info .about__desc--info{grid-column:1/span 2;grid-row:2;width:95%}}@media (min-width:87.5em){#sec-info-about .about__content--info .about__desc--info{width:88%;padding-top:20px}}#sec-info-about .about__content--info .about__desc--info p{font-size:18px;width:100%;text-align:justify;line-height:1.9}#sec-info-about .about__content--info .about__desc--info p:hover span{background-image:linear-gradient(transparent 50%,var(--color-bg-about) 50%,var(--color-bg-rec-info) 100%,transparent 50%,transparent 100%);background-repeat:no-repeat;background-size:0 100%;-webkit-animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards;animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards}@keyframes animatedBackground{to{background-size:100% 100%}}#sec-skills-about{min-height:100vh;position:relative;padding-bottom:30px}
#sec-skills-about .skills__title h1{font-size:190%;padding-bottom:60px;font-weight:800;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:40em){#sec-skills-about .skills__title h1{font-size:240%}}@media (min-width:64em){#sec-skills-about .skills__title h1{font-size:300%}}#sec-skills-about .skills__card{opacity:0;transition:opacity .5s}#sec-skills-about .skills__card .skills__card--wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item{background-color:var(--color-bg-skills);width:150px;height:60px;margin:0 auto;margin-bottom:80px;display:flex;align-items:center}@media (min-width:40em){#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item{width:200px;margin-bottom:100px}}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card h2{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}
@media (min-width:40em){#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card h2{font-size:22px}}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card h2:before{content:"";width:60px;height:50px;position:absolute;left:26px;z-index:-1}@media (min-width:40em){#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card h2:before{width:70px}}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card h2 i{font-size:26px;padding:0 15px}@media (min-width:40em){#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card h2 i{font-size:30px}}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-html h2:before{background-color:var(--color-one)}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-css h2:before{background-color:var(--color-two)}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-js h2:before{background-color:var(--color-three)}
#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-react h2:before{background-color:var(--color-two)}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-sass h2:before{background-color:var(--color-three)}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-botstrap h2:before{background-color:var(--color-one)}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-photoshop h2:before{background-color:var(--color-three)}#sec-skills-about .skills__card .skills__card--wrapper .skills__card--item .card-figma h2:before{background-color:var(--color-one)}#sec-skills-about .skills__card .skills__card--wrapper .bg-skills-item{background-color:var(--bg-skills-item);justify-content:center;overflow:hidden}#sec-skills-about .skills__card .skills__card--wrapper .bg-skills-item h2{color:var(--color-bg-skills)}#sec-bg-mywork-about{padding:100px 0;margin-top:100px;min-height:80vh;background-image:url(../img/h10-img-2.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
@media (min-width:40em){#sec-bg-mywork-about{min-height:100vh}}#sec-mywork-about{margin-top:-550px}@media (min-width:40em){#sec-mywork-about{margin-top:-510px}}#sec-mywork-about h1{color:var(--color-mywork);text-align:center;font-size:40px;margin-bottom:130px;font-weight:600}@media (min-width:40em){#sec-mywork-about h1{font-size:260%}}#sec-mywork-about .groub-cards{display:grid;grid-template-columns:repeat(1,1fr);background-color:var(--color-bggrid-mywork);padding:10px;margin:0 20px}@media (min-width:40em){#sec-mywork-about .groub-cards{grid-template-columns:repeat(2,1fr);margin:0}}@media (min-width:64em){#sec-mywork-about .groub-cards{grid-template-columns:repeat(3,1fr)}}#sec-mywork-about .groub-cards .card-front-works{position:relative;border:1px solid #333}#sec-mywork-about .groub-cards .card-front-works img{margin-bottom:-4px;max-width:100%}#sec-mywork-about .groub-cards .card-front-works .card-back-works{position:absolute;top:0;left:0;display:none}#sec-mywork-about .groub-cards .card-front-works:hover .card-back-works{display:block}
#sec-quit-about{padding:150px 0}#sec-quit-about h1{font-size:40px;text-align:center;font-weight:600}#sec-quit-about .img-quit{height:470px;margin:95px 40px}#sec-quit-about .img-quit #bg__quit{height:390px;width:20%;max-width:100%;margin:0 auto;background:url(../img/bg__quit--about.webp);background-position:center center;background-size:1400px;background-repeat:no-repeat;background-attachment:scroll;background-clip:border-box;border-radius:20px}#bg-blog{background-color:var(--color-bg-blogs)}.active_category{background-color:var(--color-title-mywork) !important;color:var(--color-bg-blogs) !important}#sec-hero-blog{padding:150px 0 25px;overflow:hidden}@media (min-width:40em){#sec-hero-blog{padding:100px 0 25px}}@media (min-width:87.5em){#sec-hero-blog{padding:200px 0 25px}}#sec-hero-blog .blog__header .blog__header--title h2{display:flex;justify-content:center;margin:0}#sec-hero-blog .blog__header .blog__header--title h2 .stroke,#sec-hero-blog .blog__header .blog__header--title h2 .fill{text-align:center;font-size:25vw;font-family:"Bebas Neue",cursive;font-weight:400;letter-spacing:10px}
#sec-hero-blog .blog__header .blog__header--title h2 .stroke{position:relative;-webkit-text-stroke:2px var(--color-title-mywork);-webkit-text-fill-color:transparent}#sec-hero-blog .blog__header .blog__header--title h2 .fill{position:absolute;top:0;left:0;-webkit-text-stroke:2px transparent;-webkit-text-fill-color:var(--color-title-mywork)}#sec-hero-blog .blog__header .category .category-list{display:flex;padding:20px 0 0}@media (min-width:40em){#sec-hero-blog .blog__header .category .category-list{padding:0}}#sec-hero-blog .blog__header .category .category-list .category-item{border:1px solid var(--color-title-mywork);padding:5px;margin:0 2px;border-radius:5px;text-transform:uppercase;font-weight:400;font-size:12px;cursor:pointer}@media (min-width:40em){#sec-hero-blog .blog__header .category .category-list .category-item{padding:5px 15px;font-size:16px}}#sec-hero-blog .blog__header .category .category-list .category-item i{padding-left:5px}@media (min-width:40em){#sec-hero-blog .blog__header .category .category-list .category-item i{padding-left:15px}
}#body-blog{background-color:var(--color-bg-body-blogs);border-top-left-radius:25px;border-top-right-radius:25px;padding-top:50px}#body-blog #sec-post-instagram{padding-bottom:80px}#body-blog #sec-post-instagram .insta__title h1{font-size:190%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:40em){#body-blog #sec-post-instagram .insta__title h1{font-size:240%}}@media (min-width:64em){#body-blog #sec-post-instagram .insta__title h1{font-size:300%}}#body-blog #sec-post-instagram .insta__posts{display:flex;flex-wrap:wrap;justify-content:space-around;position:relative;left:-15px}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper{display:flex;justify-content:center}@media (min-width:40em){#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper{flex:33%}}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:40px 20px}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post:hover .overlay{position:absolute;width:100%;height:100%;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(34,34,34,.377)}
#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post .open-post{display:none}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post:hover .open-post{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;z-index:99999}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post img{max-width:300px;border-radius:20px}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post .clone-icon{position:absolute;top:13px;right:13px;color:#fff;font-size:16px}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post .list-icon{position:absolute;top:0;right:-38px}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post .list-icon .item-icon{background-color:#f9f9f9;width:28px;height:28px;border-radius:11px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;box-shadow:var(--box-shadow)}#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post .list-icon .item-icon:last-child{margin-top:130px}
#body-blog #sec-post-instagram .insta__posts .insta__posts--warpper .post .list-icon .item-icon i{color:#222;font-size:16px}#bg-contact{background-color:var(--color-bg-contact);padding-top:100px}.warpper-content{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:100px 260px 180px 1fr}@media (min-width:40em){.warpper-content{border-top:2px solid var(--contact-c2);grid-template-columns:repeat(3,1fr);grid-template-rows:400px 400px}}@media (min-width:){.warpper-content{grid-template-rows:500px 500px}}.warpper-content .send-message{background-color:var(--color-contact);display:flex;justify-content:center;align-items:center}@media (min-width:40em){.warpper-content .send-message{display:none}}.warpper-content .send-message a{font-size:22px;font-weight:600;color:var(--color-dark-contact);padding:35px 70px}.warpper-content .send-message a sup{font-size:12px;font-weight:600}.warpper-content .header-contact{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media (min-width:40em){.warpper-content .header-contact{border-bottom:3px solid var(--color-dark-contact);grid-column:1/span 3}}.warpper-content .header-contact h1{position:relative;font-size:15vw;font-weight:700;margin:0}.warpper-content .header-contact h1 span{position:relative}.warpper-content .header-contact h1 span:after{content:"";position:absolute;left:0;top:5%;background-color:var(--color-contact);width:20px;height:20px;-webkit-clip-path:polygon(100% 0,0 100%,0 0);clip-path:polygon(100% 0,0 100%,0 0)}@media (min-width:40em){.warpper-content .header-contact h1 span:after{width:40px;height:40px;left:7%;top:18%}}.warpper-content .header-contact p{max-width:350px;margin:0 auto;font-size:100%}@media (min-width:40em){.warpper-content .header-contact p{max-width:500px;font-size:115%}}.warpper-content .img-contact{display:flex;justify-content:center;align-items:center}@media (min-width:40em){.warpper-content .img-contact{border-right:3px solid var(--color-dark-contact);grid-column:1/span 1}
}.warpper-content .img-contact .bg-svg{background-color:var(--color-dark-contact);display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (min-width:40em){.warpper-content .img-contact .bg-svg{height:300px;width:400px;margin:20px}}.warpper-content .img-contact .bg-svg svg{width:300px}.warpper-content .img-contact .bg-svg svg #name-contact{fill:var(--color-bg-contact)}.warpper-content .call-contact{position:relative;margin:20px 0 0 30px;padding-bottom:80px}@media (min-width:40em){.warpper-content .call-contact{margin:40px 0 0 60px;grid-column:2/span 2;display:grid;grid-template-columns:repeat(2,300px);row-gap:50px}}.warpper-content .call-contact .call-me h1,.warpper-content .call-contact .location h1,.warpper-content .call-contact .get-closer h1,.warpper-content .call-contact .email h1{font-weight:700;font-size:28px}.warpper-content .call-contact .call-me p,.warpper-content .call-contact .location p,.warpper-content .call-contact .get-closer p,.warpper-content .call-contact .email p{font-size:18px;font-weight:500;margin-top:7px}
@media (min-width:40em){.warpper-content .call-contact .email{order:4}}@media (min-width:40em){.warpper-content .call-contact .call-me{order:1}}@media (min-width:40em){.warpper-content .call-contact .get-closer{order:3}}.warpper-content .call-contact .get-closer ul{padding:0;display:grid;grid-template-columns:repeat(2,140px)}.warpper-content .call-contact .get-closer ul li{padding:0 20px 10px 0}@media (min-width:40em){.warpper-content .call-contact .location{order:0}}.warpper-content .call-contact .tringle{position:absolute;right:10px;bottom:80px;background-color:var(--color-dark-contact);width:100px;height:100px;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%)}@media (min-width:40em){.warpper-content .call-contact .tringle{right:11px;bottom:12px}}.warpper-content .call-contact .tringle2{position:absolute;right:10px;bottom:162px;background-color:var(--color-contact);width:30px;height:30px;-webkit-clip-path:polygon(100% 0,0 100%,0 0);clip-path:polygon(100% 0,0 100%,0 0)}
@media (min-width:40em){.warpper-content .call-contact .tringle2{right:11px;bottom:98px}}.warpper-content .call-contact i{color:var(--color-bg-contact);position:absolute;right:30px;bottom:103px;font-size:18px}@media (min-width:40em){.warpper-content .call-contact i{right:30px;bottom:35px;font-size:20px}}#bg_mywork{background-color:var(--color-bg-mywork);overflow:hidden}#sec-hero-mywork{background-color:var(--color-bg-mywork);position:relative;min-height:200px;margin-top:120px;overflow:hidden}#sec-hero-mywork .grid-warb{display:flex;flex-wrap:wrap-reverse}#sec-hero-mywork .grid-warb .title-left{flex:100%}@media (min-width:40em){#sec-hero-mywork .grid-warb .title-left{flex:50%}}#sec-hero-mywork .grid-warb .title-left svg{max-width:100%;position:relative;top:-20%;left:-50%}#sec-hero-mywork .grid-warb .title-left svg #color-dotted{fill:var(--color-dotted-mywork)}@media (min-width:40em){#sec-hero-mywork .grid-warb .title-left svg{max-width:85%;top:0;left:0}}#sec-hero-mywork .grid-warb .title-left h1{font-size:20vw;font-family:"Bebas Neue",cursive;font-weight:400;margin:0;position:absolute;top:50%;left:8%;z-index:2;transform:translateY(-50%);letter-spacing:10px;-webkit-text-stroke:1px var(--color-title-mywork);-webkit-text-fill-color:transparent}
@media (min-width:40em){#sec-hero-mywork .grid-warb .title-left h1{font-size:35vw;top:-10%;left:8%}}#sec-hero-mywork .grid-warb .title-left img{max-width:45vw;position:absolute;top:0;left:15%;z-index:3}@media (min-width:40em){#sec-hero-mywork .grid-warb .title-left img{max-width:30vw}}#sec-hero-mywork .grid-warb .img-right{flex:100%}@media (min-width:40em){#sec-hero-mywork .grid-warb .img-right{flex:50%}}#sec-hero-mywork .grid-warb .img-right img{width:85%;height:auto;position:relative;right:5%;left:7.5%;top:15%;z-index:0}@media (min-width:40em){#sec-hero-mywork .grid-warb .img-right img{width:50%;position:absolute;top:0;right:0;left:auto;z-index:5}}#sec-project-mywork{background-color:var(--color-bg-mywork);position:relative;padding:50px 0 80px;overflow:hidden}@media (min-width:40em){#sec-project-mywork{padding:150px 0 80px}}#sec-project-mywork .grid-work{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:40px;place-items:center}@media (min-width:87.5em){#sec-project-mywork .grid-work{-moz-column-gap:110px;column-gap:110px;row-gap:30px}
}#sec-project-mywork .grid-work .project{width:330px;margin-bottom:60px}@media (min-width:87.5em){#sec-project-mywork .grid-work .project{width:400px}}#sec-project-mywork .grid-work .project .img img{width:100%;height:230px;border-radius:10px}@media (min-width:87.5em){#sec-project-mywork .grid-work .project .img img{height:260px}}#sec-project-mywork .grid-work .project .details{padding-top:10px}#sec-project-mywork .grid-work .project .details .date{display:flex;align-items:center;width:100%;height:2px;background-color:var(--color-line-mywork)}#sec-project-mywork .grid-work .project .details .date time{background-color:var(--color-bg-mywork);padding-right:14px;font-size:14px;font-weight:700}#sec-project-mywork .grid-work .project .details h1{font-size:28px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#sec-project-mywork .grid-work .project .details h1:hover{background-image:linear-gradient(transparent 50%,var(--color-catigory-mywork) 50%,var(--color-catigory-mywork) 85%,transparent 85%,transparent 100%);background-repeat:no-repeat;background-size:0 100%;-webkit-animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards;animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards}
@keyframes animatedBackground{to{background-size:100% 100%}}#sec-project-mywork .grid-work .project .details .descripation{max-width:85%;font-size:18px}@media (min-width:87.5em){#sec-project-mywork .grid-work .project .details .descripation{max-width:95%}}#sec-project-mywork .grid-work .project .details .footer-proj{width:100%;justify-content:space-between;align-items:center;display:flex;height:2px;background-color:var(--color-line-mywork)}#sec-project-mywork .grid-work .project .details .footer-proj .catigory{font-size:14px;font-weight:700;padding-right:14px;letter-spacing:.4px;margin:0;background-color:var(--color-bg-mywork)}#sec-project-mywork .grid-work .project .details .footer-proj .catigory:hover{color:var(--color-catigory-mywork)}#sec-project-mywork .grid-work .project .details .footer-proj .btn-view{margin:0}#sec-project-mywork .grid-work .project .details .footer-proj .btn-view a{display:flex;align-items:center;padding-left:14px;font-size:14px;letter-spacing:.9px;font-weight:700;background-color:var(--color-bg-mywork)}
#sec-project-mywork .grid-work .project .details .footer-proj .btn-view a i{padding-left:6px;font-size:18px}#sec-project-mywork .grid-work .project .details .footer-proj .btn-view a:hover{color:var(--color-catigory-mywork)}#sec-project-mywork .grid-work .project .details .footer-proj .btn-view a:hover i{transform:translateX(4px);transition-duration:.5s}#bg_Projects{background-color:var(--color-bg-mywork);overflow:hidden}#poject-web-hero{height:60vh;overflow:hidden;position:relative}@media (min-width:40em){#poject-web-hero{height:100vh}}#poject-web-hero img{position:fixed;-o-object-fit:cover;object-fit:cover;height:100%;width:100%}#sec-containt{position:relative;background-color:var(--color-bg-mywork)}#sec-containt .sec-title{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 8%}@media (min-width:40em){#sec-containt .sec-title{padding:80px 15%}}#sec-containt .sec-title:before{position:absolute;top:-50px;content:"";width:1px;height:100px;border:1px solid var(--color-title-mywork)}
#sec-containt .sec-title h1{font-size:25px;text-transform:uppercase;font-family:var(--font-jen);padding-bottom:25px;letter-spacing:5px}@media (min-width:40em){#sec-containt .sec-title h1{font-size:40px}}#sec-containt .sec-title span{padding-bottom:30px;letter-spacing:1px;text-transform:uppercase;font-weight:400;font-size:12px}@media (min-width:40em){#sec-containt .sec-title span{font-size:14px}}#sec-containt .sec-title p{padding-bottom:30px;font-size:14px}@media (min-width:40em){#sec-containt .sec-title p{font-size:16px}}#sec-containt .sec-title a{letter-spacing:1px;font-weight:400;font-size:14px}#sec-containt .sec-title a sup{padding-left:6px}#sec-containt .sec-title a:hover{font-weight:600;color:var(--color-catigory-mywork)}#sec-containt .sec-lap{display:flex;justify-content:center;align-items:center;position:relative;top:-20px}@media (min-width:40em){#sec-containt .sec-lap{top:-80px}}#sec-containt .sec-lap img{width:90%;height:90%}@media (min-width:40em){#sec-containt .sec-lap img{width:70%;height:70%}
}#sec-containt .sec-web-page{background-color:var(--color-bg-web-page);display:flex;justify-content:center;align-items:center;padding:15% 0}#sec-containt .sec-web-page img{width:65%;height:65%;border-radius:5px}#sec-containt .sec-grid-works{display:grid;grid-template-columns:repeat(1,1fr);place-items:center}@media (min-width:40em){#sec-containt .sec-grid-works{grid-template-columns:repeat(2,1fr)}}#sec-containt .sec-grid-works img{width:100%}#sec-containt .sec-grid-works img:nth-child(odd){background-color:var(--color-bg-work-grid-even)}#sec-containt .sec-grid-works img:nth-child(even){background-color:var(--color-bg-work-grid-odd)}@media (min-width:40em){#sec-containt .sec-grid-works img:nth-child(1),#sec-containt .sec-grid-works img:nth-child(4){background-color:var(--color-bg-work-grid-even)}#sec-containt .sec-grid-works img:nth-child(2),#sec-containt .sec-grid-works img:nth-child(3){background-color:var(--color-bg-work-grid-odd)}}#sec-containt .sec-mob{display:flex;justify-content:center;align-items:center}
#sec-containt .sec-mob img{width:90%;height:90%}#sec-containt #go-back{padding:100px 0}#sec-containt #go-back .btn-back{box-shadow:4px 4px 0 0 var(--color-dark-blog);padding:11px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}@media (min-width:40em){#sec-containt #go-back .btn-back{padding:16px 0}}#sec-containt #go-back .btn-back a{font-size:110%;color:var(--color-dark-blog);background-color:var(--color-bg-mywork);border:2px solid var(--color-dark-blog);padding:9px 20px}@media (min-width:40em){#sec-containt #go-back .btn-back a{padding:14px 30px}}#sec-containt #go-back .btn-back a:hover{position:relative;bottom:-4px;right:-4px}#Hero{background-color:var(--color-bg-light-hero);overflow:hidden}#Hero .hero__content{padding-top:100px}@media (min-width:64em){#Hero .hero__content{padding:0;display:flex}}#Hero .hero__content .left-svg,#Hero .hero__content .right-content{min-height:100vh}@media (min-width:64em){#Hero .hero__content .hero__left-svg{flex:33%}}#Hero .hero__content .hero__left-svg svg{width:500px;padding-bottom:20px}
@media (min-width:64em){#Hero .hero__content .hero__left-svg svg{width:48%;position:absolute;top:10px;left:0;z-index:4}}#Hero .hero__content .hero__left-svg svg #light-lmp{fill:var(--color-light-lmp-hero);cursor:pointer;-webkit-animation:var(--color-glow-lmp-hero);animation:var(--color-glow-lmp-hero)}#Hero .hero__content .hero__left-svg svg #g-light{fill:var(--color-g-light-hero);-webkit-animation:var(--color-glow-lmp-hero);animation:var(--color-glow-lmp-hero)}@-webkit-keyframes text-flicker-in-glow{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow:none}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.25)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.5%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.6%{opacity:0;text-shadow:none}45%{opacity:0;text-shadow:none}
45.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}
85%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}100%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}}@keyframes text-flicker-in-glow{0%{opacity:0}10%{opacity:0;text-shadow:none}10.1%{opacity:1;text-shadow:none}10.2%{opacity:0;text-shadow:none}20%{opacity:0;text-shadow:none}20.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.25)}20.6%{opacity:0;text-shadow:none}30%{opacity:0;text-shadow:none}30.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.5%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}30.6%{opacity:0;text-shadow:none}
45%{opacity:0;text-shadow:none}45.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)}55.1%{opacity:0;text-shadow:none}57%{opacity:0;text-shadow:none}57.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)}60.1%{opacity:0;text-shadow:none}65%{opacity:0;text-shadow:none}65.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)}75.1%{opacity:0;text-shadow:none}77%{opacity:0;text-shadow:none}77.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}
85%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)}85.1%{opacity:0;text-shadow:none}86%{opacity:0;text-shadow:none}86.1%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}100%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)}}#Hero .hero__content .hero__right-content{padding-top:15px;background-color:var(--color-bg-hero);min-height:90vh}@media (min-width:64em){#Hero .hero__content .hero__right-content{min-height:100vh;width:67%;padding:35px 10px 8px 120px;flex:67%}}#Hero .hero__content .hero__right-content .hero-content{width:100%;margin:0 auto;padding-top:100px;padding-bottom:80px}@media (min-width:64em){#Hero .hero__content .hero__right-content .hero-content{padding:110px 50px 8px 12%}}#Hero .hero__content .hero__right-content .hero-content h1{width:100%;font-size:10vw;line-height:1.4;color:var(--color-title-hero)}
@media (min-width:40em){#Hero .hero__content .hero__right-content .hero-content h1{font-size:6vw;width:70%;line-height:1.3}}@media (min-width:64em){#Hero .hero__content .hero__right-content .hero-content h1{font-size:4vw;font-weight:900;margin-top:0;width:90%}}#Hero .hero__content .hero__right-content .hero-content h1 span{font-size:35px}#Hero .hero__content .hero__right-content .hero-content p{font-size:6vw;font-weight:400;font-family:var(--font-jen);color:var(--color-title-hero);margin:0;opacity:1}@media (min-width:40em){#Hero .hero__content .hero__right-content .hero-content p{font-size:4vw}}@media (min-width:64em){#Hero .hero__content .hero__right-content .hero-content p{font-size:25px;margin-bottom:5px}}#Mywork{background-color:var(--color-bg-serv);position:relative;padding:100px 0}@media (min-width:87.5em){#Mywork{padding:200px 0}}#Mywork .mywork__title-head h1{font-size:190%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color-title-blog)}
@media (min-width:40em){#Mywork .mywork__title-head h1{font-size:240%}}@media (min-width:64em){#Mywork .mywork__title-head h1{font-size:300%}}#Mywork .mywork__content{display:flex;flex-wrap:wrap;justify-content:space-around;margin:50px auto 0}@media (min-width:40em){#Mywork .mywork__content{margin:150px 0 0}}@media (min-width:64em){#Mywork .mywork__content{justify-content:center}}#Mywork .mywork__content .mywork__content--card{margin:50px 15px}#Mywork .mywork__content .mywork__content--card:first-child{margin-top:100px}#Mywork .mywork__content .mywork__content--card:last-child{margin-bottom:0}@media (min-width:40em){#Mywork .mywork__content .mywork__content--card:first-child{margin-top:50px}#Mywork .mywork__content .mywork__content--card:last-child{margin-bottom:50px}}@media (min-width:64em){#Mywork .mywork__content .mywork__content--card{margin:30px}#Mywork .mywork__content .mywork__content--card:first-child{margin-top:30px}#Mywork .mywork__content .mywork__content--card:last-child{margin-bottom:30px}
}#Mywork .mywork__content .mywork__content--card .border__back--mywork{height:80px;width:237px;border:2px solid var(--color-dark-serv);border-top:none;border-radius:35px;position:absolute;bottom:-10px;left:50%;z-index:-1;transform:translateX(-50%)}#Mywork .mywork__content .mywork__content--card .border__back--mywork2{height:80px;width:188px;border:2px solid var(--color-dark-serv);border-top:none;border-radius:35px;position:absolute;bottom:-19px;left:50%;z-index:-2;transform:translateX(-50%)}#Mywork .mywork__content .mywork__content--card .main-card{position:relative;background-color:transparent;border:2px solid var(--color-dark-serv);border-radius:35px;padding:25px 13px 0;max-width:280px}#Mywork .mywork__content .mywork__content--card .main-card span{text-align:center;padding-bottom:20px;font-size:18px}#Mywork .mywork__content .mywork__content--card .main-card img{max-width:250px;height:142.38px;border-radius:15px;border:2px solid var(--color-dark-serv);position:relative;left:50%;transform:translatex(-50%)}
#Mywork .mywork__content .mywork__content--card .main-card p{text-align:center;margin:15px 0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;height:70px;overflow-y:hidden}#Mywork .mywork__content .mywork__content--card .main-card p:after{content:" [...]"}#Mywork .mywork__content .mywork__content--card .main-card .linedashed{border-bottom:2px dashed var(--color-dark-serv);margin:15px 0 18px}#Mywork .mywork__content .mywork__content--card .main-card .btn-card{padding:0 0 15px}#Mywork .mywork__content .mywork__content--card .main-card .btn-card .readmore{color:var(--color-dark-serv);font-size:15px;font-weight:400;border:2px dotted var(--color-dark-serv);padding:5px 8px;border-radius:25px}#Mywork .mywork__content .mywork__content--card .main-card .btn-card .viewsite{background-color:var(--color-btn-viewsite);color:var(--color-dark-serv);font-size:15px;padding:5px 8px;border-radius:25px;border:2px solid var(--color-dark-serv);font-weight:600}#Mywork .mywork__title-bottom{box-shadow:4px 4px 0 0 var(--color-dark-blog);padding:11px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;position:relative;bottom:10%}
@media (min-width:40em){#Mywork .mywork__title-bottom{padding:14px 0;position:absolute;left:40%;bottom:5%}}@media (min-width:64em){#Mywork .mywork__title-bottom{position:absolute;left:13%;bottom:15%}}#Mywork .mywork__title-bottom a{font-size:110%;color:var(--color-dark-blog);background-color:var(--color-bg-serv);border:2px solid var(--color-dark-blog);padding:9px 20px}@media (min-width:40em){#Mywork .mywork__title-bottom a{padding:12px 30px}}#Mywork .mywork__title-bottom a:hover{position:relative;bottom:-4px;right:-4px}#Services{position:relative;overflow:hidden;background-color:var(--color-bg-blog);padding:100px 0}@media (min-width:87.5em){#Services{padding:200px 0}}#Services .serv__title-head h1{font-size:190%;position:relative;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;color:var(--color-title-serv)}@media (min-width:40em){#Services .serv__title-head h1{font-size:240%}}@media (min-width:64em){#Services .serv__title-head h1{margin-bottom:90px;font-size:300%}
}#Services .serv__content{display:flex;justify-content:center;flex-direction:row}#Services .serv__content .line-number{position:relative;display:flex;flex-direction:column;align-items:center;margin:53px 15px 53px 0}@media (min-width:64em){#Services .serv__content .line-number{display:inline-block}}#Services .serv__content .line-number .line-dotted{border-left:2px dotted var(--color-dark-serv);height:100%}@media (min-width:64em){#Services .serv__content .line-number .line-dotted{display:none}}#Services .serv__content .line-card{position:relative;margin-left:18px}@media (min-width:64em){#Services .serv__content .line-card{display:flex;justify-content:space-between}}#Services .serv__content .line-card .serv-card{position:relative}@media (min-width:64em){#Services .serv__content .line-card .serv-card{margin:0 40px}}#Services .serv__content .line-card .serv-card .num1{position:absolute;top:0;left:-50px;width:34px;height:34px;background-color:var(--color-one);border-radius:40% 60% 36% 64%/40% 13% 87% 60%;text-align:center;padding-top:5px}
#Services .serv__content .line-card .serv-card .num1 span{padding:5px 11px;background-color:var(--color-three);border-radius:36% 64% 39% 61%/87% 38% 62% 13%}@media (min-width:64em){#Services .serv__content .line-card .serv-card .num1{top:50px}}#Services .serv__content .line-card .serv-card .num2{position:absolute;top:0;left:-50px;width:34px;height:34px;background-color:var(--color-four);border-radius:58% 42% 37% 63%/70% 28% 72% 30%;text-align:center;padding-top:5px}#Services .serv__content .line-card .serv-card .num2 span{padding:5px 11px;background-color:var(--color-two);border-radius:56% 44% 65% 35%/31% 27% 73% 69%}@media (min-width:64em){#Services .serv__content .line-card .serv-card .num2{top:50px}}#Services .serv__content .line-card .serv-card .num3{position:absolute;top:0;left:-50px;width:34px;height:34px;background-color:var(--color-two);border-radius:20% 80% 37% 63%/45% 23% 77% 55%;text-align:center;padding-top:5px}#Services .serv__content .line-card .serv-card .num3 span{padding:5px 11px;background-color:var(--color-one);border-radius:58% 42% 37% 63%/41% 56% 44% 59%}
@media (min-width:64em){#Services .serv__content .line-card .serv-card .num3{top:50px}}#Services .serv__content .line-card .serv-card .border__back--serv{border:2px solid var(--color-dark-serv);border-radius:30px;height:304px;width:100.2%;position:absolute;left:50%;transform:translate(-50%,-1%) rotate(-2deg)}@media (min-width:64em){#Services .serv__content .line-card .serv-card .border__back--serv{left:auto;height:269px;width:269px;transform:translate(0%,-50%) rotate(-3deg);top:50%}}#Services .serv__content .line-card .serv-card .border-box{position:relative;border:2px solid var(--color-dark-serv);border-radius:30px;padding:13px;max-width:270px;background-color:var(--color-bg-blog);margin:50px 0;z-index:1}@media (min-width:64em){#Services .serv__content .line-card .serv-card .border-box{padding:20px}}#Services .serv__content .line-card .serv-card .green{background-color:var(--color-four)}#Services .serv__content .line-card .serv-card .yallow{background-color:var(--color-three)}#Services .serv__content .line-card .serv-card .red{background-color:var(--color-one)}
#Services .serv__content .line-card .serv-card .cyin{background-color:var(--color-two)}#Services .serv__content .line-card .serv-card .icon-serv{width:68px;height:68px;border-radius:50%;position:relative;margin-bottom:30px;display:flex;align-items:center}#Services .serv__content .line-card .serv-card .icon-serv svg{position:absolute;right:-20px;max-width:60%;fill:var(--color-dark-serv)}#Services .serv__content .line-card .serv-card .icon-serv svg .svg-fill{fill:transparent}#Services .serv__content .line-card .serv-card .body-content span{font-size:16px;font-weight:700;color:var(--color-title-serv);margin-bottom:14px !important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}@media (min-width:64em){#Services .serv__content .line-card .serv-card .body-content span{font-weight:600}}#Services .serv__content .line-card .serv-card .body-content p{font-weight:500;line-height:1.7em;max-width:100%;margin:0 auto;color:var(--color-p-serv);text-align:center}@media (min-width:40em){#Services .serv__content .line-card .serv-card .body-content p{font-size:16px}
}@media (min-width:64em){#Services .serv__content .line-card .serv-card .body-content p{text-align:center;font-size:14px;width:270px;padding:0 15px}}#Services .serv__content .line-card .serv-card .linehover:hover span{background-repeat:no-repeat;background-size:0% 100%;-webkit-animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards;animation:animatedBackground .6s cubic-bezier(.645,.045,.355,1) .1s forwards}@keyframes animatedBackground{to{background-size:100% 100%}}#Services .serv__content .line-card .serv-card .linegreen:hover span{background-image:linear-gradient(transparent 40%,var(--color-light-serv) 50%,var(--color-four) 100%,transparent 50%,transparent 100%)}#Services .serv__content .line-card .serv-card .lineyallow:hover span{background-image:linear-gradient(transparent 40%,var(--color-light-serv) 50%,var(--color-three) 100%,transparent 50%,transparent 100%)}#Services .serv__content .line-card .serv-card .linecyin:hover span{background-image:linear-gradient(transparent 40%,var(--color-light-serv) 50%,var(--color-two) 100%,transparent 50%,transparent 100%)}
#Services .serv__content .line-card .serv-card .linered:hover span{background-image:linear-gradient(transparent 40%,var(--color-light-serv) 50%,var(--color-one) 100%,transparent 50%,transparent 100%)}@media (min-width:40em){#Services .serv__content .line-card .serv-card-1{position:absolute;z-index:1}}@media (min-width:40em){#Services .serv__content .line-card .serv-card-2{z-index:3}}@media (min-width:40em){#Services .serv__content .line-card .serv-card-3{position:absolute;z-index:2}}#Sendme{background-color:var(--color-bg-sendme);overflow:hidden;padding:0 0 100px}@media (min-width:40em){#Sendme{padding:100px 0}}#Sendme h1{margin:0 0 30px;font-size:43px;letter-spacing:5px;line-height:70px;-webkit-text-stroke-width:1px;-webkit-text-fill-color:var(--color-bg-sendme);-webkit-text-stroke-color:var(--color-title-sendme)}@media (min-width:40em){#Sendme h1{font-size:60px;line-height:85px;position:relative;left:15%}}@media (min-width:64em){#Sendme h1{font-size:75px;left:0;text-align:right;letter-spacing:0}
}#Sendme .content-send-btn{display:flex;justify-content:flex-end;align-items:center;padding-right:20px}@media (min-width:40em){#Sendme .content-send-btn{padding-right:100px}}#Sendme .content-send-btn a{margin-right:15px}#Sendme .content-send-btn a:before{content:"";width:40px;height:1px;background-color:var(--color-dark-blog);display:inline-block;position:relative;left:-10px;top:-5px}#Sendme .content-send-btn a:hover:before{width:90px;left:77px;transition:ease-in-out .8s}