@media (prefers-color-scheme:light){p{color:#fff}.dell{filter:drop-shadow(-7px 21px 23px rgba(0,0,0,.2))}.companys-logo-outer{background-color:#fff;box-shadow:-2px 2px 9px 0 rgba(0,0,0,.09)}.banner-sm{background:url(/img/banner-sm.jpg) 50% no-repeat}.company-logo-outer{background-color:#f9fff6}.photoshop-bar{background-color:#35b4ed;box-shadow:0 0 2px 0 #35b4ed}.lightroom-bar{background-color:#d1d5ed;box-shadow:0 0 2px 0 #d1d5ed}.illustrator-bar{background-color:#ff794e;box-shadow:0 0 2px 0 #ff794e}.premierepro-bar{background-color:#d979fc;box-shadow:0 0 2px 0 #d979fc}.aftereffects-bar{background-color:#c2a0ff;box-shadow:0 0 2px 0 #c2a0ff}.adobexd-bar{background-color:#ff67d3;box-shadow:0 0 2px 0 #ff67d3}.c4d-bar{background-color:#525da4;box-shadow:0 0 2px 0 #525da4}.figma-bar{background-color:#1f99cf;box-shadow:0 0 2px 0 #1f99cf}.code-bar{background-color:#91ff35;box-shadow:0 0 2px 0 #91ff35}}@media only screen and (prefers-color-scheme:light) and (max-width:480px){.banner-sm{background:#fff}.banner-sm .banner-text{color:#000!important}}@media (prefers-color-scheme:light){.banner-sm .banner-text,.new{color:#fff}.logo,.logo-mobile{color:#000}.header{box-shadow:0 10px 40px -10px rgba(40,40,40,.14901960784313725);background-color:#f7f7f7}a,a:active,a:link,a:visited{color:#000}.header .nav-list li .nav-item.hero{background:#fff00;color:#000}.section-content{color:#738aa5}.about .section-heading{color:#000}.wallpapers .wallpaper-wrapper .phone{background:url(/img/iphonex.png)}.footer{background:#000;color:#fff;border-top:1px solid hsla(0,0%,100%,0)}.nav-list-shadow{box-shadow:0 10px 78px -10px rgba(40,40,40,.2901960784313726)}.header .nav-list{background:#f7f7f7}.header .nav-list li .nav-item{color:#000}.nav-btn span{background:#000}.back-space,.saying{background-color:#fff;box-shadow:-13px 20px 43px 0 rgba(0,0,0,.05)}h3{color:#000}}@media (prefers-color-scheme:dark){.logo,h3{color:#fff}.dell{filter:drop-shadow(-7px 21px 23px #000)}.companys-logo-outer{background-color:#fff;box-shadow:-2px 2px 9px 0 #000}.logo-mobile{color:#fff}.back-space,.saying{background-color:#101010!important;box-shadow:-13px 20px 43px 0 rgba(0,0,0,.46)}.company-logo-outer{background-color:#1a231a}.new{color:#fff}.banner-sm{background:url(/img/banner-sm.jpg) 50% no-repeat}.photoshop-bar{background-color:#35b4ed}.lightroom-bar{background-color:#d1d5ed}.illustrator-bar{background-color:#ff794e}.premierepro-bar{background-color:#d979fc}.aftereffects-bar{background-color:#c2a0ff}.adobexd-bar{background-color:#ff67d3}.c4d-bar{background-color:#525da4}.figma-bar{background-color:#1f99cf}.code-bar{background-color:#91ff35}}@media only screen and (prefers-color-scheme:dark) and (max-width:480px){.banner-sm,.banner-sm .inner{background:#101010!important}}@media (prefers-color-scheme:dark){.banner-sm .banner-text,p{color:#fff}.header{box-shadow:0 10px 40px -10px #000;background-color:#101010!important}a,a:active,a:link,a:visited{color:#fff!important}.header .nav-list li .nav-item.hero{background-color:rgba(24,24,24,0);color:#fff!important}.section-content{color:#c8c8c8}.about .section-heading{color:#fff}.wallpapers .wallpaper-wrapper .phone{background:url(/img/iphonex_1.png)}.footer{color:#fff;border-top:1px solid hsla(0,0%,100%,.2)}.footer,.header .nav-list{background:#101010!important}.nav-list-shadow{box-shadow:0 10px 78px -10px #000}.header .nav-list li .nav-item{color:#fff}.nav-btn span{background:#fff}}.PlanBox .PlanBox-text ul,ul li:before{color:#738aa5!important;fill:#738aa5!important}.PlanBox{box-shadow:0 .5em 1em rgba(0,0,0,.05)!important}.PlanBox:hover{box-shadow:0 2em 1.5em rgba(0,0,0,.07)!important}.PlanBox,.sub-title{border:1px solid rgba(115,138,165,.360784)!important}.sub-cost,.sub-note{color:#000!important}.sub-title{color:#738aa5!important}.sub-offer{border-top:1px solid rgba(115,138,165,.168627)!important}.sub-title:hover{border:1.1px solid #738aa5!important}@media (prefers-color-scheme:dark){.PlanBox .PlanBox-text ul,ul li:before{fill:#c8c8c8!important;color:#c8c8c8!important}.PlanBox{box-shadow:0 .5em 1em rgba(0,0,0,.47)!important}.PlanBox:hover{box-shadow:0 2em 1.5em rgba(0,0,0,.47)!important}.PlanBox,.sub-title{border:1px solid hsla(0,0%,100%,.1)!important}.sub-cost,.sub-note,.sub-title{color:#fff!important}.sub-offer{border-top:1px solid hsla(0,0%,100%,.06)!important}.sub-title:hover{border:1.1px solid #c8c8c8!important}}::-webkit-scrollbar{display:none;width:10px;background-color:#aaa}::-webkit-scrollbar-thumb{display:none;background:#000}.popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;background-color:red;display:flex;align-items:center;justify-content:center}.popup .popup-inner{background-color:#fff;padding:40px;color:#000;width:100%}.popup .popup-inner img{width:100%;max-width:1000px}.half{z-index:-9;width:50%;position:absolute;background-color:#000;height:100%}.home a svg{width:16px}.home a{fill:currentColor;height:24px;width:15px;overflow:hidden;text-indent:100%;white-space:nowrap}:focus{outline:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{position:relative}a .inner:hover{opacity:1}.tab-links li .router-link-exact-active:after{content:"";display:inline-block;height:5px;border-radius:40px;margin-left:4px;margin-bottom:1px;width:5px;background-color:#e41948}.inner h1,.inner p{line-height:1.6;color:#fff!important}.inner h1{font-size:2rem}.inner p{margin-top:5px;font-size:16px;font-weight:500;max-width:420px}.innershow{display:flex!important}.inner{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;padding:20px 25px;top:0;bottom:0;right:0;left:0;background-color:#1d1d1b;width:100%;opacity:0;transition:.2s;text-align:center}@media (prefers-color-scheme:light){body{background-color:#f7f7f7}img{box-shadow:10px 10px 50px -20px rgba(11,11,11,.49)}.tab-links a{color:rgba(0,0,0,.5)}.gallery{color:#000;box-shadow:0 10px 40px -10px rgba(40,40,40,.14901960784313725);background-color:hsla(0,0%,97.3%,.8)}li.active a,li.active a:hover{color:#000}h2{color:#000}}@media (prefers-color-scheme:dark){body{background-color:#101010!important}.tab-links a{color:hsla(0,0%,100%,.5)}.gallery{color:#fff;box-shadow:0 10px 40px -10px #000;background-color:rgba(16,16,16,.7411764705882353)}li.active a,li.active a:hover{color:#fff}h2{color:#fff}}.wrap{padding:60px 0;background:#4a98d3;background:radial-gradient(at 40% 30%,#4a98d3,#00598f)}h2{font-size:50px}hr{display:block;height:1px;width:50%;border:0;border-top:1px solid #e2eefe;margin:1em auto;padding:0}.tabs{width:100%;display:inline-block}.tab-links{text-align:center}.tab-links:after{display:block;clear:both;content:""}.tab-links li{margin:0 5px;display:inline-block;list-style:none}.tab-links a{padding:9px 15px;display:inline-block;font-size:11px;font-weight:500;transition:all .15s linear;text-decoration:none}li.active a,li.active a:hover{transition:.5s}.tab-content{margin-top:4em;position:relative}.tab{display:none}.tab.active{display:block}.item{display:flex;width:25%}.item:before{display:block;content:"";padding-top:100%;float:right}.item.item-h2x{width:50%}.item.item-h2x:before{padding-top:50%}.item.item-h3x{width:100%}.item.item-h3x:before{padding-top:25%}.item.item-2x{width:50%}.item.item-1x{width:33.3%}.item a{position:absolute;top:0;right:0;bottom:0;left:0;padding:40px;text-align:center;display:flex;justify-content:center;align-items:center}.item .ui-folio{padding:80px!important}.item img{max-height:100%;max-width:100%;box-shadow:8px 15px 40px 0 rgba(0,0,0,.21176470588235294);border-radius:10px}.gallery{display:block;padding:10px 10px;border-radius:45px;position:fixed;left:0;right:0;margin:auto;width:-webkit-fit-content;backdrop-filter:blur(30px);width:-moz-fit-content;bottom:22px;width:fit-content;border:1px solid hsla(0,0%,100%,.10980392156862745);z-index:99}.overlap{position:relative;padding-top:0;z-index:0}.mob_show{display:none}.mob_hide{display:block}@media only screen and (max-width:764px){.item.item-h2x{width:100%}.item.item-h2x:before{padding-top:100%}.item.item-h3x{width:100%}.item.item-h3x:before{padding-top:100%}.container_gallery{-moz-columns:1;columns:1}h2{font-size:34px}.mob_show{display:block;position:fixed;width:100%;bottom:-3px;padding:30px 0;z-index:9;background:#fff}.image-shadow{background-size:60%!important}.overlap{top:0;padding-top:0}.mob_show .tab-links a{font-size:14px;padding:0 14px}.mob_hide{display:none}.tab-links a{padding:9px 12px;display:inline-block;border-radius:25px}.gallery{left:0;right:0;margin:auto;margin-bottom:10px;padding:18px 10px;border:0 solid;position:fixed;text-align:left;bottom:0;border-radius:50px;z-index:1;border-top:1px solid hsla(0,0%,100%,.10980392156862745)}}@media screen and (max-width:768px){.item,.item.item-1x,.item.item-2x{width:100%}.tab-content{margin-top:0}}.center-text{text-align:center!important}.PlanBox:hover{transform:scale(1.01) translateY(-2%);transition:all .4s cubic-bezier(0,.57,.28,1.01)}.Plan,.PlanBox{display:flex}.PlanBox{flex-wrap:nowrap;justify-content:space-between;flex-direction:column;margin:0 50px!important;border-radius:4px;overflow:hidden;transition:all .5s cubic-bezier(0,.57,.28,1.01);transform:scale(1) translateY(0);padding:30px!important}.PlanBox .box-upper{width:100%;height:1px;border-radius:50px;background:linear-gradient(90deg,#f66,#ffa068)}.PlanBox .PlanBox-text h2{font-size:30px!important;text-align:left;padding:12px 0}.PlanBox .PlanBox-text ul{font-size:16px;color:#738aa5}.PlanBox .PlanBox-text ul li{margin:14px 5px;list-style:none;text-align:left}.PlanBox .sub-offer{margin-top:7px;display:flex;align-items:center;justify-content:space-between}.PlanBox .sub-offer .sub-cost,.PlanBox .sub-offer .sub-note,.PlanBox .sub-offer .sub-title{font-size:12px;margin:8px 5px;font-family:Proxima Nova;text-align:left;line-height:1;font-weight:500}.PlanBox .sub-offer .sub-title{text-align:center;padding:9px 14px;border-radius:4px;cursor:pointer;transition:all .5s cubic-bezier(0,.57,.28,1.01)}.PlanBox .sub-offer .sub-title:hover{transition:all .5s cubic-bezier(0,.57,.28,1.01)}@media only screen and (max-width:480px){.container [class^=col]{float:none;width:auto}.PlanBox{margin:0 50px 50px 50px!important}}.grid{display:grid;grid-template-columns:1.25fr 2fr;align-items:center;grid-column-gap:4rem;grid-row-gap:20px}@media (prefers-color-scheme:dark){#ui,.outer-aboutme{background:url(/img/BG2.svg)}.singlework h1,.ui-wrapper h1,.ui-wrapper h4{color:#fff}.ui-wrapper #link-svg{stroke:#fff}.ui-wrapper .ui-main-text p{color:hsla(0,0%,100%,.6)}.ui-wrapper .site-link{background-color:rgba(25,25,25,.5803921568627451);border:1px solid rgba(58,58,58,.16862745098039217)}.ui-wrapper .site-link a{color:#fff!important}h5,h6,small{color:#fff}.contact{background-color:#261f49}.service-name-text{color:#fff;background-color:rgba(25,25,25,.2784313725490196);border:1px solid hsla(0,0%,64.7%,.16862745098039217)}.divider{border-color:hsla(0,0%,100%,.1)}}@media (prefers-color-scheme:light){#ui,.outer-aboutme{background:url(/img/BG.svg)}.ui-wrapper #link-svg{stroke:#000}.ui-wrapper .ui-main-text p{color:rgba(0,0,0,.6)}.ui-wrapper .site-link{background-color:hsla(0,0%,95.7%,.3686274509803922);border:1px solid hsla(0,0%,64.7%,.16862745098039217)}.ui-wrapper .site-link a{color:#0f1438!important}h1,h2,h3,h4,h5,h6,small{color:#0f1438}.contact{background-color:#3c3175}footer p{color:#fff}p{color:#0f1438}.service-name-text{color:#0f1438;background-color:hsla(0,0%,95.7%,.3686274509803922);border:1px solid hsla(0,0%,64.7%,.16862745098039217)}.divider{border-color:rgba(0,0,0,.1)}}.flex-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.contact{padding:70px 0}.contact .grid{grid-template-columns:1fr 1fr;align-items:flex-start}.contact .grid h2,.contact .grid p{color:#fff}.contact .grid p{margin-top:5px;font-size:1.6rem}.contact .grid .contact-button{margin-top:40px}.contact .grid .button-email{margin-right:10px;padding:19px 90px;border-radius:4px;background-color:#fff;color:#3e3179!important;font-size:1.3rem;border:none;text-decoration:none;margin-bottom:20px}.contact .grid .button-call{margin-right:10px;padding:18px 51px;border-radius:4px;background-color:hsla(0,0%,100%,0);color:#fff;font-size:1.3rem;border:1px solid #fff;text-decoration:none}.contact .grid .button-email:hover{background-color:hsla(0,0%,100%,.918)}.contact .grid .button-call:hover{background-color:hsla(0,0%,100%,.075)}.outer-aboutme{background-repeat:no-repeat;background-size:1000px 1000px;background-position:top -130px right -60px}.outer-aboutme p{font-size:1.6rem;line-height:1.6;margin-top:.8rem}.outer-aboutme .contact{padding:70px 0}.outer-aboutme .contact .grid{grid-template-columns:1fr 1fr;align-items:flex-start}.outer-aboutme .contact .grid h2,.outer-aboutme .contact .grid p{color:#fff}.outer-aboutme .contact .grid p{margin-top:5px}.outer-aboutme .contact .grid .contact-button{margin-top:40px}.outer-aboutme .contact .grid .button-email{margin-right:10px;padding:19px 90px;border-radius:4px;background-color:#fff;color:#3e3179!important;font-size:1.3rem;border:none;text-decoration:none;margin-bottom:20px}.outer-aboutme .contact .grid .button-call{margin-right:10px;padding:18px 51px;border-radius:4px;background-color:hsla(0,0%,100%,0);color:#fff;font-size:1.3rem;border:1px solid #fff;text-decoration:none}.outer-aboutme .contact .grid .button-email:hover{background-color:hsla(0,0%,100%,.918)}.outer-aboutme .contact .grid .button-call:hover{background-color:hsla(0,0%,100%,.075)}.outer-aboutme .aboutme p{font-size:1.6rem;line-height:1.6;margin-top:.8rem}.outer-aboutme .aboutme .about{padding:0;margin-bottom:120px}.outer-aboutme .aboutme .hello{margin-top:150px;margin-bottom:150px}.outer-aboutme .aboutme .hello .img{text-align:center}.outer-aboutme .aboutme .hello .img img{width:100%;border-radius:18px;box-shadow:none}.outer-aboutme .aboutme .hello .text p{margin-top:-.2rem}.outer-aboutme .aboutme .hello .text .highlights{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:40px;grid-row-gap:30px;margin-top:20px}.outer-aboutme .aboutme .hello .text .highlights h5{margin-top:8px;font-weight:600}.outer-aboutme .aboutme .hello .text h6{opacity:.5;font-size:1.3rem}.outer-aboutme .aboutme .hello .text h5{font-size:3rem}.outer-aboutme .aboutme .hello .text h2{font-size:6rem}.outer-aboutme .aboutme .career{margin-bottom:120px}.outer-aboutme .aboutme .career .grid{grid-template-columns:2fr 1.5fr}.outer-aboutme .aboutme .career .service-name{display:flex;flex-direction:row;flex-wrap:wrap}.outer-aboutme .aboutme .career .service-name .service-name-text{padding:10px 16px;margin-right:20px;margin-top:20px;border-radius:40px}.outer-aboutme .aboutme .divider{width:100%;max-width:1200px;margin-top:50px;margin-bottom:50px}.outer-aboutme .aboutme .review{text-align:center;margin-bottom:80px}.outer-aboutme .aboutme .review .client{margin-top:10px}.outer-aboutme .aboutme .review .client-img img{margin-top:20px;border-radius:50px;width:80px}.outer-aboutme .aboutme .review .client-img h6{margin-bottom:8px;margin-top:8px}.outer-aboutme .aboutme .review .client-img small{font-size:14px;opacity:.5}.outer-aboutme .aboutme .review .client-text h3{font-size:1.6rem;line-height:1.6;margin:auto 40px}.outer-aboutme .aboutme .edu{margin-bottom:120px}.outer-aboutme .aboutme .edu .timeline{margin-top:40px}.outer-aboutme .aboutme .edu .timeline .divider{margin-top:20px;margin-bottom:20px}.outer-aboutme .aboutme .edu .timeline .timeline-item{align-items:baseline}.outer-aboutme .aboutme .edu .timeline .company-info h5{margin-top:12px;opacity:.5}.outer-aboutme .aboutme .edu .timeline .company-info h6{font-size:1.8rem;font-weight:600}.outer-aboutme .aboutme .projects{margin-bottom:120px}.outer-aboutme .aboutme .projects .grid{margin-top:40px;grid-template-columns:1fr 1fr 1fr}.outer-aboutme .aboutme .projects .img .img-container{overflow:hidden;border-radius:8px}.outer-aboutme .aboutme .projects .img .img-container img{width:100%;border-radius:8px;transform:scale(1);transition:all .3s ease-in-out;box-shadow:none}.outer-aboutme .aboutme .projects .img .img-container img:hover{transform:scale(1.1)}.outer-aboutme .aboutme .projects .img h6{font-size:1.6rem;font-weight:600;margin-top:20px}.outer-aboutme .aboutme .projects .img h5{margin-top:8px;font-size:1rem}#ui{background-repeat:no-repeat;background-size:1000px 1000px;background-position:top -220px right -60px}.ui-wrapper .two-img{display:grid;grid-template-columns:.47fr 1fr;align-items:center;margin-bottom:4rem;grid-column-gap:4rem;grid-row-gap:4rem}.ui-wrapper .two-img a{transition:all .45s}.ui-wrapper .two-img a:hover{transform:translateY(-3px)}.ui-wrapper .two-img .img-left{background-color:#c19971;align-self:stretch;text-align:center;position:relative;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:400px}.ui-wrapper .two-img .img-left img{margin:32px;border-radius:14px;box-shadow:8px 15px 40px 0 rgba(0,0,0,.21176470588235294);max-height:340px}.ui-wrapper .two-img .img-right{background-color:#34648c;align-self:stretch;text-align:center;position:relative;border-radius:20px;display:flex;justify-content:center;flex-direction:column;align-items:center;max-height:400px}.ui-wrapper .two-img .img-right p{display:block;width:100%;opacity:.5;margin-bottom:8px;position:absolute;bottom:0;font-size:1.2rem}.ui-wrapper .two-img img{border-radius:20px;max-width:100%;display:block;margin-top:20px;box-shadow:none}.ui-wrapper .grid{grid-template-columns:1fr 1fr 1fr;grid-column-gap:4rem;grid-row-gap:4rem;margin-bottom:4rem}.ui-wrapper .ui-main-text{margin-right:18vw;margin-top:40px;margin-bottom:4rem}.ui-wrapper .ui-main-text h1{font-size:6rem;line-height:1.1}.ui-wrapper .ui-main-text p{margin-top:1rem;font-size:1.6rem;line-height:1.6;margin-right:10vw}.ui-wrapper .ui-main-text p a{font-size:1.6rem}.ui-wrapper .uiconnect:hover{transform:translateY(-3px)}.ui-wrapper .uiconnect{display:flex;overflow:hidden;transition:all .45s;margin-bottom:4rem;background-color:#393270;align-items:center;border-radius:20px}.ui-wrapper .uiconnect .uitext{padding:40px;width:60%}.ui-wrapper .uiconnect .uitext h2{font-size:40px}.ui-wrapper .uiconnect .uitext p{font-size:1.6rem;line-height:1.6;opacity:.5}.ui-wrapper .uiconnect .uitext .button-connect:hover{box-shadow:0 40px 40px 0 #23156c;transform:translateY(-3px)}.ui-wrapper .uiconnect .uitext .button-connect{box-shadow:0 40px 40px 0 rgba(35,21,108,0);transition:all .45s;display:inline-block;margin-right:10px;padding:19px 50px;border-radius:4px;background-color:#fff;color:#3e3179!important;font-size:1.3rem;text-align:center;border:none;margin-top:20px;text-decoration:none;margin-bottom:20px}.ui-wrapper .uiconnect .uitext h2,.ui-wrapper .uiconnect .uitext p{color:#fff}.ui-wrapper .uiconnect .uibannerinner{background-image:url(/img/uiconnectbanner.jpg);width:100%;background-size:100% 100%;content:"";background-repeat:no-repeat;background-position:100%;align-self:stretch}.ui-cards{position:relative}.ui-cards img{max-width:100%;box-shadow:none;border-radius:10px}.ui-cards #link-svg{fill:none;width:17px;margin-left:4px;margin-bottom:3px}.ui-cards .ui-shadow{display:none}.ui-cards .showlink{display:flex!important}.ui-cards .site-link{position:absolute;cursor:pointer;top:0;padding:10px 16px 8px 16px;margin-right:10px;margin-top:10px;border-radius:40px;right:0;display:none;align-items:center;text-align:center;backdrop-filter:blur(30px)}.ui-cards .site-link a{font-size:12px;display:flex;align-items:center}.ui-cards .ui-cards:hover .ui-shadow{filter:blur(20);filter:blur(20px);position:absolute;top:30px;width:90%;left:13px;right:0;bottom:0;z-index:-99}.ui-cards .card-text{margin-top:10px;margin-left:5px}.ui-cards .card-text h4{font-size:1.6rem;font-weight:600}.ui-cards .card-text p{margin-top:2px;font-size:1.1rem;opacity:.6}.singlework img{display:block;border-radius:20px;max-width:100%;width:100%;box-shadow:none}.singlework .work-content{margin-top:6rem;margin-bottom:4rem;margin-right:18vw}.singlework .work-content h1{font-size:6rem}.singlework .work-content p{margin-top:6px;font-size:1.6rem;line-height:1.6;margin-right:10vw}.singlework .work-content .highlights{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px;align-items:center;grid-column-gap:4rem;grid-row-gap:20px}.singlework .work-content .highlights h6{opacity:.5;font-size:1.3rem}.singlework .work-content .highlights h5{margin-top:8px;font-weight:600;font-size:2rem}.singlework .cover-img{width:100%;margin-bottom:4rem}.singlework .three-img{grid-template-columns:1fr .5fr;grid-row-gap:20px}.singlework .three-img,.singlework .two-img{display:grid;align-items:center;margin-bottom:4rem;grid-column-gap:4rem;overflow:hidden}.singlework .two-img{grid-template-columns:.5fr 1fr;grid-row-gap:4rem}@media only screen and (max-width:480px){.grid{grid-column-gap:2rem}.singlework .work-content .highlights{grid-template-columns:1fr!important}.singlework{margin:0 20px!important}.singlework .work-content{margin:0;margin-bottom:4rem}.singlework .work-content p{margin:0}.singlework .work-content h1{font-size:4rem}.singlework .cover-img{margin-bottom:3rem}.singlework .three-img,.singlework .two-img{grid-template-columns:1fr;grid-row-gap:3rem;margin-bottom:3rem}#ui{background-position:top 20px right -60px}.ui-wrapper{margin:auto 20px!important}.ui-wrapper .two-img{grid-template-columns:1fr}.ui-wrapper .ui-main-text{margin-right:0;margin-top:70px;margin-bottom:40px}.ui-wrapper .ui-main-text h1{font-size:4rem}.ui-wrapper .ui-main-text p{margin-right:0}.ui-wrapper .uiconnect{flex-direction:column;flex-flow:column-reverse}.ui-wrapper .uiconnect .uitext{padding:20px!important;width:100%}.ui-wrapper .uiconnect .uitext h2{font-size:34px;line-height:1.2}.ui-wrapper .uiconnect .uitext .button-connect{width:100%}.ui-wrapper .uiconnect .uibannerinner{background-image:url(/img/uiconnectbannerm.jpg);height:278px!important;background-repeat:no-repeat;background-position:top}.ui-wrapper .grid{grid-template-columns:1fr!important;grid-column-gap:2rem!important;grid-row-gap:2rem!important;margin-bottom:80px}.contact{padding:70px 0}.contact .grid{grid-template-columns:1fr 1fr;align-items:flex-start}.contact .grid h2,.contact .grid p{color:#fff}.contact .grid p{margin-top:5px}.contact .grid .contact-button{margin-top:40px}.contact .grid .button-email{margin-right:10px;padding:19px 90px;border-radius:4px;background-color:#fff;color:#3e3179!important;font-size:1.3rem;border:none;text-decoration:none;margin-bottom:20px}.contact .grid .button-call{margin-right:10px;padding:18px 51px;border-radius:4px;background-color:hsla(0,0%,100%,0);color:#fff;font-size:1.3rem;border:1px solid #fff;text-decoration:none}.contact .grid .button-email:hover{background-color:hsla(0,0%,100%,.918)}.contact .grid .button-call:hover{background-color:hsla(0,0%,100%,.075)}.contact .grid{grid-template-columns:1fr;margin:auto 20px}.contact .grid .contact-button{display:flex!important;flex-direction:column;text-align:center!important}.outer-aboutme p{font-size:1.4rem}.outer-aboutme .aboutme{margin:auto 20px!important}.outer-aboutme .aboutme .hello{margin-top:20px!important}.outer-aboutme .aboutme .hello .text h6{opacity:.5;font-size:1rem}.outer-aboutme .aboutme .career .grid,.outer-aboutme .aboutme .grid,.outer-aboutme .aboutme .projects .grid{grid-template-columns:1fr}.outer-aboutme .aboutme .skill>div:first-of-type,.outer-aboutme .aboutme .skill>div:nth-of-type(2){padding-left:0;padding-right:0}.outer-aboutme .aboutme .hello .text h2{font-size:4rem}.outer-aboutme .aboutme .hello .text h5{font-size:2rem}.outer-aboutme .aboutme .edu .timeline,.outer-aboutme .aboutme .hello,.outer-aboutme .aboutme .projects .grid{margin-top:20px}.outer-aboutme .aboutme .projects .grid{margin-top:30px;grid-row-gap:30px}.outer-aboutme .aboutme .projects .img h6{margin-top:10px}.outer-aboutme .aboutme .edu .timeline .grid{grid-row-gap:0}.outer-aboutme .aboutme .about,.outer-aboutme .aboutme .career,.outer-aboutme .aboutme .edu,.outer-aboutme .aboutme .hello{margin-bottom:80px}.outer-aboutme .aboutme .skill{padding-top:20px}.outer-aboutme .aboutme .edu .timeline .divider{margin-top:30px;margin-bottom:30px}.outer-aboutme .aboutme .edu .timeline .company-info h6{font-size:1.6rem}.outer-aboutme .aboutme .projects{padding-bottom:60px;margin-bottom:10px}}@media only screen and (max-width:900px){.grid{grid-column-gap:2rem}.singlework .work-content .highlights{grid-template-columns:1fr 1fr 1fr}#ui{background-position:top 20px right -60px}.ui-wrapper{margin:auto 20px!important}.ui-wrapper .two-img{grid-template-columns:1fr}.ui-wrapper .ui-main-text{margin-right:0;margin-top:70px;margin-bottom:40px}.ui-wrapper .ui-main-text h1{font-size:4rem}.ui-wrapper .uiconnect{flex-direction:column;flex-flow:column-reverse}.ui-wrapper .uiconnect .uitext{width:100%;padding:40px}.ui-wrapper .uiconnect .uibannerinner{background-image:url(/img/uiconnectbannerm.jpg);height:448px;background-repeat:no-repeat;background-position:top}.ui-wrapper .grid{grid-template-columns:1fr 1fr;grid-column-gap:2.5rem;grid-row-gap:2.5rem;margin-bottom:80px}.contact .grid{grid-template-columns:1fr;margin:auto 20px;grid-row-gap:10px}.contact .grid .contact-button{display:block;flex-direction:column;text-align:left;margin-top:50px}.outer-aboutme p{font-size:1.4rem}.outer-aboutme .aboutme{margin:auto 0}.outer-aboutme .aboutme .hello{margin-top:80px}.outer-aboutme .aboutme .hello .text h6{opacity:.5;font-size:1rem}.outer-aboutme .aboutme .hello .text h2{font-size:4rem}.outer-aboutme .aboutme .hello .text h5{font-size:2rem}.outer-aboutme .aboutme .projects{margin-bottom:0}.outer-aboutme .aboutme .edu .timeline,.outer-aboutme .aboutme .projects .grid{margin-top:20px}.outer-aboutme .aboutme .projects .grid{margin-top:30px;grid-row-gap:30px}.outer-aboutme .aboutme .projects .img h6{margin-top:10px}.outer-aboutme .aboutme .edu .timeline .grid{grid-row-gap:0}.outer-aboutme .aboutme .about,.outer-aboutme .aboutme .career,.outer-aboutme .aboutme .edu,.outer-aboutme .aboutme .hello{margin-bottom:80px}.outer-aboutme .aboutme .skill{padding-top:20px}.outer-aboutme .aboutme .edu .timeline .divider{margin-top:30px;margin-bottom:30px}.outer-aboutme .aboutme .edu .timeline .company-info h6{font-size:1.6rem}.outer-aboutme .aboutme .projects{padding-bottom:60px}}@font-face{font-family:futura-pt-book;src:url(/fonts/futura-pt-book.woff)}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova-Regular.otf)}*{box-sizing:border-box;font-size:16px;font-family:futura-pt-book,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,sans-serif;border-color:#ccc;outline:none;-webkit-font-smoothing:antialiased}*,body,html{margin:0;padding:0}body,html{height:100%;font-size:13px}.gradient-color{color:#f35626!important;background-image:-webkit-linear-gradient(92deg,#ff3c00,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 10s linear infinite}@-webkit-keyframes hue{0%{-webkit-filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(-1turn)}}::selection{background:#91deb4;color:#000}::-moz-selection{background:#91deb4;color:#000}a,a:active,a:link,a:visited{cursor:pointer;color:#000;text-decoration:none}a *,button{cursor:pointer}textarea{resize:none}p{line-height:1.8}.float-none{float:none!important;margin:auto}.margin-left{padding-left:20px}a,h3,h4,h5,h6{font-weight:400;font-family:Proxima Nova}.red{background:-webkit-gradient(linear-gradient(90deg,#f66,#ffa068));background:linear-gradient(90deg,#f66,#ffa068);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:AnimationName 1s ease infinite;animation:AnimationName 1s ease infinite}.row,.row-12{box-sizing:border-box}.row-12:after,.row-12:before,.row:after,.row:before{box-sizing:border-box;clear:both;content:"";display:block}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.float-left{float:left}.float-right{float:right}.center-align{text-align:center}.right-align{text-align:right}.left-align{text-align:left}.row.table{display:table}.row.table [class^=col]{float:none;display:table-cell}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16{box-sizing:border-box;position:relative}.col-16{width:100%}.col-15{width:93.75%}.col-14{width:87.5%}.col-13{width:81.25%}.col-12{width:75%}.row-12>.col-12{width:100%}.col-11{width:68.75%}.row-12>.col-11{width:91.63%}.col-10{width:62.5%}.row-12>.col-10{width:83.3%}.col-9{width:56.25%}.row-12>.col-9{width:74.97%}.col-8{width:50%}.row-12>.col-8{width:66.64%}.col-7{width:43.75%}.row-12>.col-7{width:58.31%}.col-6{width:37.5%}.row-12>.col-6{width:49.98%}.col-5{width:31.25%}.row-12>.col-5{width:41.65%}.col-4{width:25%}.row-12>.col-4{width:33.32%}.col-3{width:18.75%}.row-12>.col-3{width:24.99%}.col-2{width:12.5%}.row-12>.col-2{width:16.66%}.col-1{width:6.25%}.row-12>.col-1{width:8.33%}.no-padding{padding:0!important}.row-12.no-padding>[class^=col-],.row.no-padding>[class^=col-]{padding:0}.container{position:relative;max-width:1200px;margin:auto;height:100%;padding:0 40px}.logo{height:38px;padding-top:14px;float:left;opacity:.8;fill:currentColor}.logo-mobile{display:none}.header{padding:6px 0;overflow:hidden;z-index:99;width:100%;position:fixed}.new{background:linear-gradient(90deg,#f66,#ffa068);padding:.5em 1em;font-size:.6em;font-weight:900;border-radius:.3em}.icon{opacity:.8;display:inline-block;height:20px;line-height:20px;padding-left:24px;background-size:20px;margin-right:20px;background-repeat:no-repeat;background-position:0}.bar,.icon{position:relative}.bar{margin:20px 0;width:100%;height:4px;background-color:hsla(0,0%,84.3%,.47058823529411764);border-radius:2px}.mark-bar{cursor:pointer;position:absolute;top:0;left:0;height:4px;border-radius:2px 50px 50px 2px}.Photoshop{background-image:url(/img/icons/photoshop.png)}.lightroom{background-image:url(/img/icons/lightroom.png)}.illustrator{background-image:url(/img/icons/illustrator.png)}.premierepro{background-image:url(/img/icons/premierepro.png)}.aftereffects{background-image:url(/img/icons/aftereffects.png)}.adobexd{background-image:url(/img/icons/adobexd.png)}.c4d{background-image:url(/img/icons/c4d.png)}.figma{background-image:url(/img/icons/figma.png)}.code{background-image:url(/img/icons/code.png)}.saying{padding:20px;margin:30px 20px;border-radius:8px;position:relative}.back-space{z-index:-1;top:1em;height:100%;border-radius:6px;width:100%;left:1em;position:absolute}.company-logo-outer{border-radius:8px}.company-logo{opacity:.8;padding:74px;background-size:70px}.company-logo,.companys-logo{height:20px;line-height:20px;background-repeat:no-repeat;background-position:50%}.companys-logo{opacity:1}.companys-logo-outer{border-radius:4px;position:absolute}.lemontree{background-image:url(/img/icons/lemontree.png)}.ccb-position{left:0;top:24%}.ccb{background-image:url(/img/icons/ccb-black.png);padding:30px;background-size:50px}.hyatt-position{left:10%;bottom:0}.hyatt{background-image:url(/img/icons/hyatt.png);padding:47px;background-size:67px}.fairfield-marriott-position{right:0;top:50%}.fairfield-marriott{background-image:url(/img/icons/fairfield-marriott.png);padding:37px;background-size:57px}.redfox-position{right:10%;top:18%}.redfox{background-image:url(/img/icons/redfox.png);padding:30px;background-size:50px}.dell{background-image:url(/img/icons/dell.svg);background-size:400px;height:254px;overflow:hidden;background-repeat:no-repeat;background-position:50%;max-width:100%;padding:50px 40px;position:relative}.remove-boxshoadow{box-shadow:none}.resume-dark{background-image:url(/img/resume.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px}.gardient-background{background:linear-gradient(17deg,#42cbff,#7fb2ff);background-size:1000% 1000%;-webkit-animation:AnimationName 8s ease infinite;animation:AnimationName 8s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0 51%}50%{background-position:100% 50%}to{background-position:0 51%}}@keyframes AnimationName{0%{background-position:0 51%}50%{background-position:100% 50%}to{background-position:0 51%}}.resume-text{margin:5px;font-size:18px;text-align:justify;color:#fff}.resume-text small{display:block;margin-top:12px;line-height:175%;font-size:13px;font-weight:500}.dell-inner{max-width:100%;width:100%}.dell-screen{width:374px;position:absolute;top:42.5%;outline:none;left:50%;height:216px;transform:translate(-50%,-45%);border:none;border-radius:6px}.nav-list-shadow{display:none}.header .nav-primary{overflow:hidden;display:block;text-align:center}.header .nav-list{list-style:none}.header .nav-list li .hero span{background-color:red;font-size:10px;color:#fff;padding:2px 4px;border-radius:2px}.header .nav-list li{display:inline-block}.header .nav-list li .nav-item{position:relative;display:inline-block;padding:0 15px;padding:20px 15px;font-weight:500;font-size:14px}.banner{position:relative;height:600px;background-repeat:no-repeat;background-size:cover;background-position:50%;z-index:0;margin:0 0 50px 0}.banner-content{position:absolute;left:40px;bottom:40px;overflow:hidden}.banner-content span{background:#000;font-size:13px;color:#fff;padding:10px;text-align:right;float:left;border-radius:40px 0 0 40px}.banner-content span.em{background:#fff;color:#000;border-radius:0 40px 40px 0}.banner-sm{width:100%;position:relative;height:282px;background-size:cover}.banner-sm .inner{position:absolute;left:0;right:0;top:0;bottom:0;background:transparent}.banner-sm .banner-text{position:absolute;left:0;right:0;font-size:50px;text-align:center;font-weight:700;top:50%;margin-top:-41px}.banner-sm .banner-text:before{content:"";position:absolute;bottom:-20px;width:100px;left:0;right:0;margin:auto;height:2px;background:#fff}.banner-sm .banner-text small{display:block;font-size:20px;font-weight:400}.posts{margin-top:50px;position:relative}.posts:before{content:"";position:absolute;left:0;right:0;top:-25px;width:200px;height:2px;border-radius:25px;background:rgba(0,0,0,.1);margin:auto}.posts .post{padding:5px}.posts .post .inner{position:relative;background-size:cover;background-repeat:no-repeat;background-position:50%;padding-top:100%}.posts .post .overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);opacity:0;transition:all .4s}.posts .post:hover .overlay{opacity:1}.posts .post .overlay .content{position:absolute;top:50%;margin-top:-10px;left:0;right:0;text-align:center}.posts .post .overlay .like-icons{display:inline-block;height:20px;width:20px;vertical-align:top;background:url(/img/heart.png) no-repeat 50%;background-size:100%}.posts .post .overlay .like-count{display:inline-block;vertical-align:top;line-height:20px;color:#fff}.more-btn{display:block;width:30px;height:30px;background:url(/img/plus.png) 50%;background-size:100%;margin:60px auto;opacity:.5}.instagram-media{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;z-index:11;display:none}.instagram-media .media{display:table;height:60%;margin:5% 0}.instagram-media .close{position:absolute;z-index:3;right:-75px;top:-75px;width:180px;height:180px;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:100%;background:url(/img/close.png) left 50px bottom 50px;background-repeat:no-repeat;background-size:15%;transition:all .4s}.instagram-media .close:hover{box-shadow:-5px -5px 10px rgba(0,0,0,.1)}.instagram-media .photo{position:absolute;top:40px;left:40px;right:40px;bottom:40px;text-align:center}.instagram-media .photo .photo-img{border-radius:10px;display:none;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.instagram-media .details{padding:40px}.instagram-media .details .profile-photo{height:40px;width:40px;display:block;position:absolute;background-size:cover;border-radius:50%}.instagram-media .details .profile-details{padding-left:60px}.instagram-media .details .profile-details .photo-name{display:block}.instagram-media .photo img{max-width:100%}.wallpapers{padding:20px 0;text-align:center}.wallpapers .wallpaper-wrapper{position:relative;width:150px;height:300px;display:inline-block;margin:50px 20px;cursor:pointer;overflow:hidden}.wallpapers .wallpaper-wrapper .time{position:absolute;top:40px;left:0;right:0;text-align:center;color:#fff;font-size:24px;font-weight:200;z-index:4}.wallpapers .wallpaper-wrapper .time small{font-size:9px;display:block;font-weight:500}.wallpapers .wallpaper-wrapper .photo{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;transition:transform .4s}.wallpapers .wallpaper-wrapper:hover .photo{transform:scale(1.2)}.wallpapers .wallpaper-wrapper .phone{position:absolute;top:0;left:0;right:0;bottom:0;background-size:100%;z-index:3}.wallpapers .wallpaper-wrapper .phone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/img/reflection.png) 50% no-repeat;background-size:100%;z-index:4}.wallpapers .wallpaper-wrapper .download-text{position:absolute;left:0;right:0;color:hsla(0,0%,100%,.8);bottom:0;z-index:5;font-weight:500;opacity:0;transition:all .2s cubic-bezier(.39,.575,.565,1)}.wallpapers .wallpaper-wrapper:hover .download-text{opacity:1;bottom:22px}.wallpapers .wallpaper-wrapper .unlock{position:absolute;left:0;right:0;width:50%;height:3px;bottom:15px;margin:auto;border-radius:50px;background:hsla(0,0%,100%,.4)}.padding{padding-top:70px}.about{padding:60px 0}.about .section-heading{height:71px}.about-photo{padding:0 40px;border-radius:4px}.about-photo img{max-width:100%;border-radius:4px}.section-heading{font-size:60px}.section-content{font-size:18px;padding-top:20px;text-align:justify}.skill{padding-top:40px}.skill>div:first-of-type{padding-right:20px}.skill>div:nth-of-type(2){padding-left:20px}.section-content small{display:block;margin-top:20px;line-height:175%;font-size:13px;font-weight:500}.section-content small em a{border-radius:25px;display:inline-block}.footer{overflow:hidden;padding:30px 0}.footer *{font-size:12px}.footer .nav-footer{list-style:none;float:left}.footer .nav-footer li{display:inline-block}.footer .nav-footer li .nav-item{opacity:.8;display:inline-block;position:relative;height:20px;line-height:20px;padding-left:24px;color:#fff;background-size:20px;margin-right:20px;background-repeat:no-repeat;background-position:0}.footer .nav-footer li .nav-item.instagram{background-image:url(/img/instagram.png)}.footer .nav-footer li .nav-item.linkedin{background-image:url(/img/linkedin.png)}.footer .nav-footer li .nav-item.facebook{background-image:url(/img/facebook.png)}.footer .nav-footer li .nav-item.whatsapp{background-image:url(/img/whatsapp.svg)}.footer .nav-footer li .nav-item.unsplash{background-image:url(/img/unsplash.png)}.footer .nav-footer li .nav-item.px{background-image:url(/img/500px.png)}.footer .copyright-text{float:right;line-height:20px}@media only screen and (max-width:480px){.item .ui-folio{padding:40px!important}.padding{padding-top:40px}.gallery{box-shadow:0 10px 40px -10px rgba(16,16,16,.56);font-size:1em;color:#fff;position:fixed;text-align:left;font-family:futura-pt-book;z-index:99}.header{overflow:visible;background-color:#fff;padding:0}.header .logo{margin:20px 20px 15px 15px;padding-top:0;height:24px;display:none}.logo-mobile{height:24px;fill:currentColor;margin:18px 18px;opacity:.8;display:block;position:relative}.header .nav-btn{position:absolute;top:0;right:0;z-index:10;width:59px;height:59px;display:block;border-radius:0 0 0 20px}.nav-list-shadow{display:block}.header .nav-list{position:fixed;top:0;left:0;border-radius:0 0 33px 33px;right:0;box-shadow:0 10px 78px -10px rgba(40,40,40,.2901960784313726);z-index:9;max-height:0;padding-top:0;transition:all .5s;overflow:hidden}.header .nav-list.open{max-height:100%}.header .nav-list li{display:block}.header .nav-list li .nav-item{padding:15px;display:block;text-align:center}.footer{display:block}.copyright-text{margin-top:10px}.whatsapp{margin-right:0!important}.header .nav-list li .nav-item.hero{margin-bottom:20px;border-radius:50px;color:#000}.banner{height:250px;margin:0 0 20px 0;border-radius:0}.banner .banner-content{display:none}.posts{margin-top:30px}.posts:before{top:-25px}.posts .post{width:33%;padding:1px}.banner-sm{height:auto}.banner-sm,.banner-sm .inner{position:static}.banner-sm .banner-text{position:relative;margin-top:30px}.banner-sm .banner-text:before{background:#000}.wallpapers{margin:50px 0}.wallpapers .wallpaper-wrapper{width:150px;height:300px;margin:20px;margin:5px}.wallpapers .wallpaper-wrapper .download-text{opacity:1;bottom:22px;opacity:.8}.section-heading{font-size:40px}.container{padding:0}.about{padding:30px 20px}.about [class^=col]{float:none;width:auto;padding:10px}.footer .copyright-text,.footer .nav-footer{float:none;text-align:center}.companys-logo-outer{display:inline-block;position:inherit;width:21.5%;margin:5px}.ccb{background-image:url(/img/icons/ccb-black.png)}.ccb,.hyatt{padding:30px;background-size:50px}.hyatt{background-image:url(/img/icons/hyatt.png)}.fairfield-marriott{background-image:url(/img/icons/fairfield-marriott.png)}.fairfield-marriott,.redfox{padding:30px;background-size:50px}.redfox{background-image:url(/img/icons/redfox.png)}.dell{background-size:348px;height:220px}.dell-screen{width:323px;top:41%;height:180px}.padding-zero-top-m{padding-top:0!important}.padding-zero-bottom-m{padding-bottom:0!important}}.skype-loader{top:50%;right:0;margin:auto;margin-top:-40px}.skype-loader,.skype-loader .dot{width:80px;height:80px;position:absolute;left:0}.skype-loader .dot{top:0;-webkit-animation:dotrotate 1.7s cubic-bezier(.775,.005,.31,1) infinite;animation:dotrotate 1.7s cubic-bezier(.775,.005,.31,1) infinite}.skype-loader .dot:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.skype-loader .dot:nth-child(2){-webkit-animation-delay:.35s;animation-delay:.35s}.skype-loader .dot:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.skype-loader .dot:nth-child(4){-webkit-animation-delay:.55s;animation-delay:.55s}.skype-loader .dot .first,.skype-loader .dot:after{content:"";position:absolute;width:8px;height:8px;background:#666;border-radius:50%;left:50%;margin-left:-4px}.skype-loader .dot .first{background:#666;margin-top:-4px;-webkit-animation:dotscale 1.7s cubic-bezier(.775,.005,.31,1) infinite;animation:dotscale 1.7s cubic-bezier(.775,.005,.31,1) infinite;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes dotrotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dotrotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes dotscale{0%,10%{width:16px;height:16px;margin-left:-8px;margin-top:-4px}50%{width:8px;height:8px;margin-left:-4px;margin-top:0}90%,to{width:16px;height:16px;margin-left:-8px;margin-top:-4px}}@keyframes dotscale{0%,10%{width:16px;height:16px;margin-left:-8px;margin-top:-4px}50%{width:8px;height:8px;margin-left:-4px;margin-top:0}90%,to{width:16px;height:16px;margin-left:-8px;margin-top:-4px}}.nav-btn{position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.nav-btn span{display:block;position:absolute;height:1px;width:40%;border-radius:9px;opacity:1;left:0;right:0;margin:auto;transform:rotate(0deg);transition:.25s ease-in-out}.nav-btn span:first-child{top:22px;transform-origin:left center}.nav-btn span:nth-child(2){top:30px;transform-origin:left center}.nav-btn span:nth-child(3){top:38px;transform-origin:left center}.nav-btn.open span:first-child{transform:rotate(45deg);top:50%;left:8px;margin-top:-10px}.nav-btn.open span:nth-child(2){width:0;opacity:0}.nav-btn.open span:nth-child(3){transform:rotate(-45deg);top:50%;left:8px;margin-top:7px}.typed-fade-out{opacity:0}