@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container-outer{position:relative;height:100vh;width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#e6e6e6}.app-container-outer .outer-left-right-margins{flex-shrink:1;max-width:calc((100vw - 1440px)/2);height:100vh}.app-container-outer .left-margin{position:relative;z-index:300}@media (min-width: 1440px){.app-container-outer .left-margin{border-right:1px solid rgb(150,150,150)}}.app-container-outer .app-container{position:relative;height:100vh;width:100vw;max-width:1440px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.app-container-outer .app-container .bottom-mask{position:relative;bottom:0;left:0;height:clamp(20px,5vh,40px);width:100%;background:linear-gradient(to bottom,#e6e6e6cc,#e6e6e6 100px 100%);flex-shrink:0;z-index:100}.app-container-outer .app-container .top-mask{position:relative;top:0;left:0;height:clamp(20px,5vh,40px);width:100%;background:#e6e6e6;flex-shrink:0;z-index:200}@media (min-height: 1025px){.app-container-outer .app-container .bottom-mask,.app-container-outer .app-container .top-mask{height:calc((100vh - 1025px)/2)}}.app-container-outer .app-container .content-frame{position:relative;width:100%;max-height:1025px;top:0;left:0;flex-shrink:0!important;flex-grow:1;display:flex;flex-direction:column;z-index:100}.app-container-outer .app-container .content-frame .name-header{position:relative;width:100%;display:flex;flex-direction:column;background:#e6e6e6;z-index:100;border-bottom:0px solid #808080}.app-container-outer .app-container .content-frame .name-header header{padding:7px clamp(20px,5vw,40px);display:flex;flex-direction:column}.app-container-outer .app-container .content-frame .name-header header .name-header-inner{display:flex;justify-content:start}.app-container-outer .app-container .content-frame .name-header header .name-header-inner h1{margin:0 5px 0 0;font-size:clamp(1rem,3vw + .5rem,5rem);font-weight:200!important;font-family:Work Sans,sans-serif;color:#000;display:inline-block;width:fit-content}.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b{display:flex;align-items:flex-end;height:100%}.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b .social-media-icon-b{position:relative;height:clamp(1rem,3vw + .5rem,5rem);max-height:50px;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1))}.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b .social-media-icon-b a{position:relative;width:100%;height:100%;display:block;padding:5px 5px 0}.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b .social-media-icon-b a svg{fill:#b4b4b4;width:100%;height:100%;padding-bottom:calc(clamp(1rem,4vw + .5rem,5rem)*.13)}.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b .social-media-icon-b a:hover svg{fill:#969696}@media (min-width: 640px){.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b .social-media-icon-b a{padding:7px 7px 0}}@media (min-width: 1200px){.app-container-outer .app-container .content-frame .name-header header .name-header-inner .social-links-container-b .social-media-icon-b a{padding:15px 15px 0}}.app-container-outer .app-container .content-frame .name-header header h2{font-family:Work Sans,sans-serif;color:#000;font-weight:500!important;font-size:10px;text-transform:uppercase;margin-left:3px;margin-bottom:0}.app-container-outer .app-container .content-frame .content-inner{padding:15px clamp(20px,5vw,40px);width:100%;height:100%;background:linear-gradient(to right,#e6e6e600 0% 30%,#e6e6e6);overflow-y:hidden;display:flex;flex-direction:column}.app-container-outer .app-container .content-frame .content-inner .nav-and-content{display:flex;height:100%}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side{position:relative;width:125px;height:100%;flex-shrink:0}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side .sidebar{border-right:1px solid rgb(150,150,150)}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side .sidebar ul{margin-top:0;list-style-type:none;padding-left:0}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side .sidebar ul li a{font-family:Work Sans,sans-serif;color:#000;font-weight:600!important;font-size:small;margin-top:0;transition:.3s}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side .sidebar ul li a:hover{text-decoration:none;color:#0009}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side .sidebar ul li.inactive a{pointer-events:none;color:#0009}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content{position:relative;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;z-index:1;padding-left:15px;scrollbar-width:none;-ms-overflow-style:none}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content::-webkit-scrollbar{display:none}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content .scrolling-content-container{position:fixed;top:0;height:100vh;width:calc(100vw - (140px + clamp(20px,5vw,40px)));max-width:calc(1440px - (140px + clamp(20px,5vw,40px)));padding-top:calc(clamp(20px,5vh,40px) + 49px + clamp(1rem,3vw + .5rem,5rem));padding-right:clamp(20px,5vw,40px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}@media (min-height: 1025px){.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content .scrolling-content-container{padding-top:calc((100vh - 1025px)/2 + 49px + clamp(1rem,3vw + .5rem,5rem))}}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content .web-designs-gallery-container-outer::-webkit-scrollbar{display:none}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content div .carousel-container::-webkit-scrollbar{display:none}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content div .carousel-container{overflow-y:scroll;scroll-snap-type:y mandatory;overflow:auto!important}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .content div .carousel-container .carousel-item{scroll-snap-align:start;display:flex;height:auto;align-items:center;justify-content:end;font-size:1.5rem}.background-animation-container{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:10;display:flex;flex-direction:row}.background-animation-container .outer-left-right-margins{flex-grow:1;height:100%}.background-animation-container .app-container-b{position:relative;height:100vh!important;width:100%;max-width:1440px;overflow:hidden;display:flex;flex-direction:column;flex-grow:1!important}.background-animation-container .app-container-b .top-mask-b{position:relative;top:0;left:0;height:calc(clamp(20px,5vh,40px) + 33px + clamp(1rem,3vw + .5rem,5rem));width:100%;flex-shrink:0;z-index:200}.background-animation-container .app-container-b .content-frame-b{position:relative;width:100%;max-height:1025px;top:0;left:0;flex-shrink:0!important;flex-grow:1;display:flex;flex-direction:column;z-index:100}.background-animation-container .app-container-b .content-frame-b .background-animation-container-inner{height:100%}.background-animation-container .app-container-b .bottom-mask-b{position:relative;bottom:0;left:0;height:clamp(20px,5vh,40px);width:100%;flex-shrink:0;z-index:100}@media (min-height: 1025px){.background-animation-container .app-container-b .bottom-mask-b,.background-animation-container .app-container-b .top-mask-b{height:calc((100vh - 1025px)/2)}}@media (min-width: 1440px){.background-animation-container .app-container-b .outer-left-right-margins{width:calc((100vw - 1440px)/2)}}.home-text-container{max-width:600px;float:left}.home-text-container p{margin-top:0;font-family:Work Sans,sans-serif;font-size:.85rem;color:#000;text-align:start}*{font-size:100%;font-family:Mada,sans-serif;box-sizing:border-box}body{margin-top:0;margin-left:0;margin-right:0;position:relative;z-index:400;overflow-x:hidden;width:100vw}section{padding-bottom:30px;z-index:400}.centralcolumn{max-width:1580px;width:100%;padding:0 8%;overflow:hidden;position:relative;display:block;background-color:transparent;z-index:200}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:hover .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:active .hvr-icon{-webkit-transform:translateX(4px);transform:translate(4px)}.section-background{float:left;width:100%;position:relative;z-index:400!important}.section-background.background--nav{background-color:#fff;border-bottom:1px solid var(--uiclr-4);padding-bottom:10px;position:relative;z-index:199}.section-background.background--hdr{background-color:var(--uiclr-background-white);z-index:400;padding:20px}.section-background.background--ftr{background-color:var(--uiclr-background-darkgrey);margin-bottom:0}.section-background.background--bio{background-color:#f0f0f0;position:relative;z-index:400}h1{float:left;width:100%;margin-left:0}h1.h1--main{font-weight:900;font-size:clamp(2rem,3vw + 1.5rem,5rem);letter-spacing:.04em;margin-top:10px;margin-bottom:0;color:var(--uitxtclr-1);word-break:keep-all;text-shadow:0px 0px 10px rgba(200,200,200,.95)}h2.h1--sub{font-weight:600;font-size:clamp(1.5rem,.7vw + 1.5rem,4rem);padding-top:0;margin-top:0;margin-bottom:10px;color:var(--uitxtclr-3);text-shadow:0px 0px 10px rgba(200,200,200,.95)}h2{margin-bottom:10px;margin-top:0;margin-left:0;padding-left:0;width:100%}.h2--main{font-family:var(--font-family1);font-weight:700;font-size:clamp(.4rem,.5vw + 1rem,1.2rem);color:var(--uitxtclr-1);text-transform:uppercase;margin-top:30px}.h2--sub{font-family:var(--font-family2);font-weight:400;font-size:2.4rem;color:var(--uitxtclr-2);margin-bottom:50px}h3{font-family:var(--font-family2);font-size:1.8rem;margin-bottom:10px;margin-top:0;margin-left:0;padding-left:0;width:100%}p{font-size:1.2rem;line-height:1.55;margin-bottom:20px;margin-top:10px}a{text-decoration:none;font-weight:700;font-size:clamp(.9rem,.7vw + 1rem,.9rem);cursor:pointer}a:hover{text-decoration:underline;text-decoration-thickness:2px}a.inlineplinks{font-size:20px;color:var(--uitxtclr-2)}.margin-bottom-50{margin-bottom:50px}@media (max-width: 880px){.centralcolumn{width:100%;float:left}}@media (max-width: 600px){.centralcolumn{padding-left:10px;padding-right:10px}h3{margin-top:20px;margin-bottom:20px}}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.d-none{display:none}.image-loader-container{margin-bottom:0}.image-loader-container .image-loading-placeholder{background:#ccc;width:100%;animation:pulse-scale 3s ease-in-out infinite}.image-loader-container .image-loading-placeholder.work-project-img-placeholder{height:50px;width:95px}.image-loader-container img.hidden{opacity:0;height:0px;display:none}.image-loader-container img.work-project-img{height:50px}@media (max-width: 400px){.image-loader-container img.project-share-image{width:100%;height:auto}}.about-me-container{max-width:600px;float:left;padding-bottom:clamp(20px,5vh,40px)}.about-me-container section{margin-bottom:40px}.about-me-container section p,.about-me-container section h3{margin-top:0;font-family:Work Sans,sans-serif;color:#000;text-align:start}.about-me-container section h3{margin-top:-5px;margin-bottom:10px;font-size:.9rem;text-transform:uppercase;font-weight:500}.about-me-container section p{margin-bottom:10px;font-size:.85rem}.about-me-container section .coding-skills-container-new{border:0px solid rgba(0,0,0,.1);position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:20px}.about-me-container section .coding-skills-container-new .cskill-bxsqre-container-new{border:0px solid rgba(0,0,0,.1);position:relative;display:flex;flex-direction:column;flex-grow:0;justify-content:center;align-items:start}.about-me-container section .coding-skills-container-new .cskill-bxsqre-container-new svg{border:0px solid rgba(0,0,0,.1);width:100%;left:0;max-width:50px!important}.about-me-container section .coding-skills-container-new .cskill-bxsqre-container-new svg .tech-icons-fill{fill:#969696}@media (min-width: 500px){.about-me-container section .coding-skills-container-new{grid-template-columns:repeat(3,1fr)}}@media (min-width: 640px){.about-me-container section .coding-skills-container-new{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.about-me-container section .coding-skills-container-new{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1024px){.about-me-container section .coding-skills-container-new{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.about-me-container section .coding-skills-container-new{grid-template-columns:repeat(8,1fr)}}@media (min-width: 1400px){.about-me-container section .coding-skills-container-new{grid-template-columns:repeat(10,1fr)}}.about-me-container section .work-projects-list{width:100%;min-height:100px;padding-left:0}.about-me-container section .work-projects-list li{display:flex;margin-bottom:30px;float:left}.about-me-container section .work-projects-list li .image-side a{height:100%}.about-me-container section .work-projects-list li .image-side a img{filter:grayscale(95%);transition:.3s}.about-me-container section .work-projects-list li .image-side a img:hover{filter:grayscale(0%)}.about-me-container section .work-projects-list li .text-side{padding-left:10px}.about-me-container section .work-projects-list li .text-side h4{font-size:.8rem;text-transform:uppercase;font-weight:500;margin:-2px 0 0;color:#000;transition:.3s}.about-me-container section .work-projects-list li .text-side a:hover h4{font-weight:700;text-decoration:none!important;text-decoration:none}.about-me-container section .work-projects-list li .text-side p{font-size:.7rem;margin-bottom:5px}@media (min-height: 1025px){.about-me-container{padding-bottom:calc((100vh - 1025px)/2)}}.portfolio-projects-container ul li .project-images-new-container .image-loading-placeholder{background:#ccc;width:100%;animation:pulse-scale 3s ease-in-out infinite}.portfolio-projects-container ul li .project-images-new-container a{margin-right:10px}.portfolio-projects-container ul li .project-images-new-container a .hidden{opacity:0;height:0px;display:none}.portfolio-projects-container ul li .project-images-new-container a img.project-share-image{height:100px;width:auto}@media (max-width: 400px){.portfolio-projects-container ul li .project-images-new-container a img.project-share-image{width:100%;height:auto}}.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder{height:100px;width:190px;margin-right:10px}.portfolio-projects-container ul li .project-images-new-container a:nth-of-type(2),.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder:nth-of-type(2){display:none}.portfolio-projects-container ul li .project-images-new-container a:nth-of-type(3),.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder:nth-of-type(3){display:none}@media (min-width: 640px){.portfolio-projects-container ul li .project-images-new-container a:nth-of-type(2),.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder:nth-of-type(2){display:block}.portfolio-projects-container ul li .project-images-new-container a:nth-of-type(3),.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder:nth-of-type(3){display:none}}@media (min-width: 850px){.portfolio-projects-container ul li .project-images-new-container a:nth-of-type(2),.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder:nth-of-type(2){display:block}.portfolio-projects-container ul li .project-images-new-container a:nth-of-type(3),.portfolio-projects-container ul li .project-images-new-container .project-share-image-placeholder:nth-of-type(3){display:block}}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new{margin-bottom:0}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new .image-loading-placeholder{background:#ccc;width:100%;animation:pulse-scale 3s ease-in-out infinite}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new a .hidden{opacity:0;height:0px;display:none}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new a img.project-share-image{height:100px;width:auto}@media (max-width: 400px){.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new a img.project-share-image{width:100%;height:auto}}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new .image-loading-placeholder--fullscreen{height:250px}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new .image-loading-placeholder--macbook-device{height:45px}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new .image-loading-placeholder--ipad-device{height:70px}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new .image-loading-placeholder--iphone-device{height:50px}.demo-projects-carousel-container ul li .project-images-new-container .project-images-column-new .image-loading-placeholder--sharing-image{height:150px}.demo-projects-carousel-container::-webkit-scrollbar{display:none}.portfolio-projects-container{overflow-y:scroll;scroll-snap-type:y mandatory;height:auto!important;overflow:auto!important}.portfolio-projects-container ul{margin-top:0}.portfolio-projects-container ul li{display:flex;flex-direction:column;height:auto;margin-bottom:50px}.portfolio-projects-container ul li h3,.portfolio-projects-container ul li p{font-family:Work Sans,sans-serif;text-align:start;color:#000}.portfolio-projects-container ul li h3{margin:0;font-size:clamp(1rem,3.5vw + .5rem,5rem);font-weight:200!important}.portfolio-projects-container ul li p{width:100%;font-size:.85rem}.portfolio-projects-container ul li .tech-used-icons-new{width:100%;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-top:0;padding-bottom:0}.portfolio-projects-container ul li .tech-used-icons-new svg{position:relative;float:left;width:25px;height:100%;padding:0 3px}.portfolio-projects-container ul li .tech-used-icons-new svg .tech-icons-fill{fill:#969696}.portfolio-projects-container ul li .tech-used-icons-new div svg{position:relative;float:left;width:25px;height:100%;padding-top:0}.portfolio-projects-container ul li .tech-used-icons-new div svg .tech-icons-fill{fill:#969696}.portfolio-projects-container ul li .project-images-new-container{width:100%;display:flex;justify-content:start}.portfolio-projects-container ul li .project-text{flex:50%;position:relative;z-index:100}.portfolio-projects-container ul li .project-text.left{padding-right:30px;order:1}.portfolio-projects-container ul li .project-text.right{padding-left:30px;order:2;justify-content:start}.portfolio-projects-container ul li .project-images-column{max-height:250px;overflow:hidden;display:flex;flex-direction:column;margin-right:2%}.portfolio-projects-container ul li .project-images-column-new{max-height:250px;overflow:hidden;display:flex;flex-direction:column;align-items:center;margin-right:2%;flex-shrink:0;width:100%}.portfolio-projects-container ul li .project-images-column-new .fadeIn{animation:fadeIn 1s ease-in forwards}.portfolio-projects-container ul li .project-images-column-new a .project-image{float:left;box-shadow:0 0 11px #21212133;-webkit-filter:grayscale(20%);-moz-filter:grayscale(20%);filter:grayscale(20%);transition:all 4s ease}.portfolio-projects-container ul li .project-images-column-new a .project-image.screenshots{width:100%}.demo-projects-carousel-container{overflow-y:scroll;scroll-snap-type:y mandatory;height:auto!important;overflow:auto!important}.demo-projects-carousel-container ul{margin-top:0}.demo-projects-carousel-container ul li{display:flex;flex-direction:column;height:auto;margin-bottom:50px}.demo-projects-carousel-container ul li h3,.demo-projects-carousel-container ul li p{font-family:Work Sans,sans-serif;text-align:start;color:#000}.demo-projects-carousel-container ul li h3{margin:0;font-size:clamp(1rem,3.5vw + .5rem,5rem);font-weight:200!important}.demo-projects-carousel-container ul li p{width:100%;font-size:.85rem}.demo-projects-carousel-container ul li .tech-used-icons-new{width:100%;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-top:0;padding-bottom:0}.demo-projects-carousel-container ul li .tech-used-icons-new div{position:relative;display:flex;justify-content:center;align-items:left;float:left;width:25px}.demo-projects-carousel-container ul li .tech-used-icons-new div svg{position:relative;float:left;width:70%;height:100%;padding-top:0}.demo-projects-carousel-container ul li .tech-used-icons-new div svg .tech-icons-fill{fill:#969696}.demo-projects-carousel-container ul li .project-images-new-container{width:100%;display:flex;justify-content:start;border:1px solid rgba(100,100,100,.2)}.demo-projects-carousel-container ul li .project-text{flex:50%;position:relative;z-index:100}.demo-projects-carousel-container ul li .project-text.left{padding-right:30px;order:1}.demo-projects-carousel-container ul li .project-text.right{padding-left:30px;order:2;justify-content:start}.demo-projects-carousel-container ul li .project-images-column{max-height:250px;overflow:hidden;display:flex;flex-direction:column;margin-right:2%}.demo-projects-carousel-container ul li .project-images-column-new{max-height:250px;overflow:hidden;display:flex;flex-direction:column;align-items:center;margin-right:2%;flex-shrink:0;width:100%}@keyframes pulse-scale{0%,to{opacity:1}50%{opacity:.25}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-projects-carousel-container ul li .project-images-column-new .fadeIn{animation:fadeIn 1s ease-in forwards}.demo-projects-carousel-container ul li .project-images-column-new a .project-image{float:left;box-shadow:0 0 11px #21212133;-webkit-filter:grayscale(20%);-moz-filter:grayscale(20%);filter:grayscale(20%);transition:all 4s ease}.demo-projects-carousel-container ul li .project-images-column-new a .project-image.screenshots{width:100%}.demo-projects-carousel-container ul li .project-images-column-new .project-images-column-new-fade{position:absolute;top:200px;left:0;right:0;z-index:10;height:50px;background:linear-gradient(to bottom,#e6e6e600,#e6e6e6)}.demo-projects-carousel-container ul li .project-images-column-new:last-of-type{margin-right:0}.demo-projects-carousel-container ul li .project-images-column-new.desktop,.demo-projects-carousel-container ul li .project-images-column-new.devices{width:20%}.demo-projects-carousel-container ul li .project-images-column-new.tablet{width:15%;position:relative}.demo-projects-carousel-container ul li .project-images-column-new.smartphone-s{width:5%;position:relative}.demo-projects-carousel-container ul li .device-images-container-new{display:flex;flex-direction:row;justify-content:center}.demo-projects-carousel-container ul li .device-images-container-new.iphone{height:45px;width:auto}.demo-projects-carousel-container ul li .device-images-container-new.ipad{height:50px;width:auto}.web-designs-gallery-container-new{position:relative;top:0;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:32px}.web-designs-gallery-container-new .design-item-container{display:flex;flex-direction:column;overflow:hidden;border-radius:10px;overflow:visible}.web-designs-gallery-container-new .design-item-container .design-image-anchor{aspect-ratio:1/1;background-size:cover;background-position:top;border-radius:10px;width:100%;height:auto;flex-shrink:0;overflow-y:hidden;margin-top:0;font-size:1.1rem;box-shadow:#0000003d 0 3px 8px;transition:1s}.web-designs-gallery-container-new .design-item-container .design-image-anchor .design-image{background-size:cover;background-position:0px 0px;min-height:100%;width:100%;border-radius:10px}.web-designs-gallery-container-new .design-item-container .design-image-anchor .design-image:hover{cursor:pointer;animation:scroll 20s ease-in-out infinite alternate}.web-designs-gallery-container-new .design-item-container .design-image-anchor:hover{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.web-designs-gallery-container-new .design-item-container .design-name{align-self:center;color:var(--uitxtclr-1);width:100%;margin-top:0!important}.web-designs-gallery-container-new .design-item-container .design-name h4{font-weight:400;align-self:center;margin-top:10px;margin-bottom:0;font-size:clamp(.9rem,.7vw + 1rem,.9rem)}.web-designs-gallery-container-new .design-item-container .design-name:hover{font-weight:700;text-decoration:underline}.web-designs-gallery-container-new .design-item-container .design-name:visited{color:#000}.web-designs-gallery-container-new .design-item-container .design-image-anchor:hover~.design-name{text-decoration:underline}.web-designs-gallery-container-new .design-item-container:last-of-type{padding-bottom:calc(clamp(20px,5%,40px) + 30px)}@keyframes scroll{0%{background-position:0px 0px}50%{background-position:0px 100%}}@media (min-width: 640px){.web-designs-gallery-container-new{grid-template-columns:1fr 1fr 1fr;grid-gap:64px;max-height:200px}}@media (min-width: 768px){.web-designs-gallery-container-new{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:64px}}@media (min-width: 1024px){.web-designs-gallery-container-new{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:64px}}.graphics-work-gallery-new{width:100%;float:left;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;grid-row-gap:30px;padding-bottom:90px}.graphics-work-gallery-new .linkitem-gallery-item{width:100%;float:left;position:relative}.graphics-work-gallery-new .linkitem-gallery-item img:hover{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.graphics-work-gallery-new .linkitem-gallery-item .image-wrapper svg{position:relative;width:100%;height:auto;flex-shrink:0}.graphics-work-gallery-new .linkitem-gallery-item .image-wrapper .linkitem-gallery-item-image{position:absolute;top:0;left:0;height:auto;width:100%}.graphics-work-gallery-new .linkitem-gallery-item .image-wrapper .linkitem-gallery-item-image .video-thumbnail{z-index:40}.graphics-work-gallery-new .linkitem-gallery-item .image-wrapper .linkitem-gallery-item-image .video-thumbnail video{width:100%;height:100%;object-fit:"cover"}.graphics-work-gallery-new .linkitem-gallery-item .linkitem-gallery-item-link{align-self:center;color:var(--uitxtclr-1)}.graphics-work-gallery-new .linkitem-gallery-item .linkitem-gallery-item-link h4{font-weight:400;align-self:center;margin-top:10px;margin-bottom:0}.graphics-work-gallery-new .linkitem-gallery-item .linkitem-gallery-item-link:hover{text-decoration:underline}.graphics-work-gallery-new .linkitem-gallery-item-image:hover~.linkitem-gallery-item-link{text-decoration:underline}@media (min-width: 640px){.graphics-work-gallery-new{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.graphics-work-gallery-new{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width: 1024px){.graphics-work-gallery-new{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{font-family:Work Sans,sans-serif}.gradient-bottom-border:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#969696}@media (min-width: 1440px){.gradient-bottom-border:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#969696 0% 50%,#e6e6e6)}}