@charset "UTF-8";@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:column;justify-content:center;align-items:center;background:#e6e6e6}.app-container-outer .app-container{position:relative;height:100vh;width:100vw;max-width:1440px;overflow:hidden;display:flex;flex-direction:column}.app-container-outer .app-container .bottom-mask{position:relative;bottom:0;left:0;height:clamp(20px,5vh,40px);width:100%;background:#e6e6e6cc;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:#e6e6e6cc;flex-shrink:0;z-index:200}.app-container-outer .app-container .content-frame{position:relative;width:100%;max-height:100vh;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:#e6e6e699;z-index:100;border-bottom:1px solid #808080}.app-container-outer .app-container .content-frame .name-header .name-header-inner{padding:7px clamp(20px,5vw,40px)}.app-container-outer .app-container .content-frame .name-header .name-header-inner h1{margin:0;font-size:clamp(1rem,4vw + .5rem,5rem);font-weight:300!important;font-family:Work Sans,sans-serif;color:#000}.app-container-outer .app-container .content-frame .name-header .name-header-inner 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%;overflow-y:hidden;display:flex;flex-direction:column;border-top:0px solid #808080;border-bottom:1px solid #808080}.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 #808080}.app-container-outer .app-container .content-frame .content-inner .nav-and-content .left-side .sidebar ul{margin-top: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;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,4vw + .5rem,5rem));padding-right:clamp(20px,5vw,40px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.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:absolute;width:100vw;height:100vh;left:0;top:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.background-animation-container .background-animation-container-inner{position:fixed;width:100%;height:100%;top:0;max-width:1440px}.web-designs-gallery-container-old{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:64px;grid-row-gap:60px}.web-designs-gallery-container-old .design-item-container{display:flex;flex-direction:column;overflow:hidden;border-radius:10px;overflow:visible}.web-designs-gallery-container-old .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-old .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-old .design-item-container .design-image-anchor .design-image:hover{cursor:pointer;animation:scroll 20s ease-in-out infinite alternate}.web-designs-gallery-container-old .design-item-container .design-image-anchor:hover{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.web-designs-gallery-container-old .design-item-container .design-name{align-self:center;color:var(--uitxtclr-1);width:100%;margin-top:0!important}.web-designs-gallery-container-old .design-item-container .design-name h4{font-family:var(--font-family1);align-self:center;margin-top:10px;margin-bottom:0;font-size:clamp(.9rem,.7vw + 1rem,.9rem)}.web-designs-gallery-container-old .design-item-container .design-name:hover{font-weight:700;text-decoration:underline}.web-designs-gallery-container-old .design-item-container .design-name:visited{color:#000}.web-designs-gallery-container-old .design-item-container .design-image-anchor:hover~.design-name{text-decoration:underline}@media (max-width: 880px){.web-designs-gallery-container{grid-gap:32px}}@media (max-width: 600px){.web-designs-gallery-container{grid-template-columns:1fr 1fr;grid-gap:32px}}@media only screen and (max-width: 500px){.web-designs-gallery-container{grid-template-columns:1fr 1fr;grid-gap:32px}.web-designs-gallery-container>div>.design-image-anchor{max-height:200px}}.graphics-work-gallery{width:100%;float:left;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:16px;grid-row-gap:60px}.graphics-work-gallery .linkitem-gallery-item{width:100%;float:left;position:relative}.graphics-work-gallery .linkitem-gallery-item img{position:relative;width:100%;vertical-align:bottom;box-shadow:#0000003d 0 3px 8px;transition:1s}.graphics-work-gallery .linkitem-gallery-item img:hover{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.graphics-work-gallery .linkitem-gallery-item .linkitem-gallery-item-image img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(30%)}.graphics-work-gallery .linkitem-gallery-item .linkitem-gallery-item-image img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}.graphics-work-gallery .linkitem-gallery-item .linkitem-gallery-item-link{align-self:center;color:var(--uitxtclr-1)}.graphics-work-gallery .linkitem-gallery-item .linkitem-gallery-item-link h4{font-family:var(--font-family1);align-self:center;margin-top:10px;margin-bottom:0}.graphics-work-gallery .linkitem-gallery-item .linkitem-gallery-item-link:hover{text-decoration:underline}.graphics-work-gallery .linkitem-gallery-item-image:hover~.linkitem-gallery-item-link{text-decoration:underline}@media (max-width: 880px){.graphics-work-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.graphics-work-gallery{grid-template-columns:repeat(2,1fr)}}:root{--uiclr-1: #808080;--uiclr-3: #fff;--uiclr-4: #484848;--uiclr-5: #bbb;--uiclr-7: #eee;--uiclr-9: #000;--uiclr-background-white: var(--uiclr-3);--uiclr-background-grey: rgba(240, 240, 240);--uiclr-background-darkgrey: var(--uiclr-4);--uiclr-background-darkgrey-hover: var(--uiclr-5);--uitxtclr-white: var(--uiclr-3);--uitxtclr-1: #3c3c3c;--uitxtclr-2: var(--uiclr-4);--uitxtclr-3: #828181}.background--grey{background:var(--uiclr-background-grey)}.background--white{background:var(--uiclr-background-white)}:root{--font-family-main: "Mada", sans-serif;--font-family1: "Poppins", sans-serif;--font-family2: "Crimson Text", serif}.aboutme-aboutmecolumn{width:50%;float:left;padding-right:30px}.aboutme-rescolumn{width:50%;float:left}.indent{margin-left:10px}.aboutme__img{display:block;position:relative;width:100%;border-radius:50%;fill:var(--uiclr-1)}#LnkedinSqre{opacity:.6}.SMedSqres{opacity:.7}.social-media-links{width:100%;display:flex;flex-direction:row}.social-media-icon{position:relative;width:30px;height:30px;padding-top:0;margin-right:10px;color:var(--uitxtclr-3);filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));z-index:300}.social-media-icon:hover{color:var(--uiclr-9)}.social-media-icon:hover #LnkedinSqre{opacity:1}.social-media-icon>a{position:absolute;width:100%;height:100%;top:0;left:0}.social-media-icon>a>svg>rect,.social-media-icon>a>svg>ellipse{fill:#fff}@media (max-width: 600px){.aboutme-aboutmecolumn{width:100%}.aboutme-rescolumn{width:100%;padding-right:0}.aboutme__img-container{position:relative;margin-right:-30px}.BioColImg{width:100%}}.btn-wrap{background:transparent;position:relative;display:inline-block;height:100%}a.btn{background-color:var(--uiclr-background-white);color:var(--uiclr-4);position:relative;display:block;left:0;top:0;padding:.9rem 1.5rem .7rem;border:2px solid var(--uiclr-4);font-family:var(--font-family2);font-weight:500;font-size:1.3rem;float:left;transition-duration:.4s}a.btn-background-grey{background:var(--uiclr-7)}a.btn-background-white{background:var(--uiclr-background-white)}a.btn--page-link,input.btn--page-link{border:2px solid var(--uiclr-4);color:var(--uitxtclr-white);padding:.9rem 1.5rem .7rem;font-family:var(--font-family2);background-color:var(--uiclr-4);position:relative;left:0;top:0;transition-duration:.4s}a.btn--page-link:visited{color:var(--uitxtclr-white)}.page-link-text-container{width:100%;position:relative;display:block;float:right;display:flex;flex-direction:row;justify-content:flex-end}.page-link{display:inline-block;margin-top:0;margin-bottom:0;font-weight:500;font-size:1.3rem}p.page-link--leadin{padding:.9rem .5rem .7rem;font-family:var(--font-family2)}.btn-wrap:hover .btn{text-decoration:none;background-color:var(--uiclr-4);color:var(--uitxtclr-white);left:5px;top:-5px;box-shadow:-5px 5px var(--uiclr-5)}.btn-wrap:hover .btn--page-link:hover{text-decoration:none;background-color:var(--uiclr-background-white);color:var(--uiclr-4);left:5px;top:-5px;box-shadow:-5px 5px var(--uiclr-5)}.footer__inner-container{padding-top:10px;padding-bottom:30px;float:left;width:100%;background-color:transparent}a.footer__gperilli-link{color:var(--uitxtclr-white)}p.footer__gperilli-version{font-size:14px;width:100%;color:var(--uitxtclr-white)}p.footer__gperilli-credit{font-size:14px;width:100%;text-align:right;color:var(--uitxtclr-white)}.hdrsection{display:flex;flex-direction:row;align-items:flex-start;width:100%;overflow:hidden;justify-content:space-between}.hdrsection-text{border:0px solid #ddd;flex:65%;flex-grow:0;background-color:transparent;padding-right:0;padding-bottom:20px;position:relative;z-index:100}.hdrsection-text--index{border:0px solid #ddd;width:100%;flex-grow:0;background-color:transparent;padding-right:0;padding-bottom:20px;position:relative;z-index:100}.hdrsection-sidebox{margin-top:0;display:inline-block;position:relative;flex:40%;margin-left:0;padding-right:0;order:2;flex-grow:1;z-index:99}.h2--main--sidebox{font-family:var(--font-family1);font-size:1.4rem;text-transform:none;color:#828181;margin-right:20px;margin-left:0;transition-duration:.3s}.h2__chevron{position:relative;top:.1rem;height:1rem}.h2--main--sidebox:visited{margin-left:0;text-decoration:none;color:#828181}.h2--main--sidebox:hover{margin-right:0;margin-left:20px;text-decoration:none;color:#000}@media (max-width: 950px){.h2--main--sidebox{font-size:1.4rem}}@media (max-width: 880px){.h2--main--sidebox{font-size:1.3rem}}@media (max-width: 850px){.hdrsection-text{padding-right:30px;flex:50%}.hdrsection-sidebox{width:100%}.h2--main--sidebox{font-size:1.2rem}}@media (max-width: 600px){.hdrsection{flex-direction:column}.hdrsection-text{padding-right:0;width:100%}.hdrsection-sidebox{flex:100%}.h2--main--sidebox{font-size:1.5rem}}@media only screen and (max-width: 500px){.hdrsection{padding-top:30px}.hdrsection-text{padding-right:0;flex:100%}}ul{padding-left:0}li{list-style:none}.topnav-container{display:flex;flex-direction:column-reverse}.nav{display:flex;justify-content:end;align-items:right;padding:1rem 0rem .1rem;height:3rem}.nav-menu{display:flex;justify-content:space-between;align-items:center;padding-left:0rem;position:relative}.nav-item{margin-left:30px;color:var(--uitxtclr-1)}.hamburger{display:none}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#101010}.langbtns-container{width:100%;float:left;margin-top:10px;position:relative;z-index:199}.langbtns{display:inline-block;cursor:pointer;font-size:14px;margin-bottom:0;margin-left:0;margin-right:10px;float:left;color:var(--uitxtclr-1);position:relative;z-index:199}.langbtns:last-of-type{font-size:12px}.langbtns:hover{text-decoration:none}.langbtns.hlghtd{cursor:normal;border-bottom:1px solid var(--uiclr-9);color:var(--uiclr-9)}a.nav-link{font-family:var(--font-family1);font-size:clamp(.7rem,.3vw + 1rem,1.2rem);color:var(--uitxtclr-2);text-decoration:none}a.nav-link:hover{text-decoration:none}.hover-underline-animation{display:inline-block;position:relative;color:var(--uitxtclr-2)}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--uitxtclr-2);transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}@media only screen and (max-width: 500px){.nav{height:3rem;background-color:#fff;z-index:99;position:absolute;top:0;left:0%;width:100%}.nav-menu{position:fixed;left:-100%;top:0;margin-top:0;height:100vh;padding-bottom:30vh;flex-direction:column;background-color:var(--uiclr-background-darkgrey);width:100%;text-align:center;transition:.3s;z-index:899}.nav-menu.active{left:0}.nav-item{padding:0rem 0;margin-left:0;width:100%;height:100%;border-bottom:1px solid #fff;display:flex;justify-content:center;align-items:center}.nav-item:hover{text-decoration-thickness:2px;background-color:var(--uiclr-background-darkgrey-hover)}#top-nav-item{margin-top:70px;border-top:1px solid #fff}a.nav-link{color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:clamp(1.5rem,.7vw + 1rem,3rem)}a.nav-link:hover{text-decoration:none}.hamburger{display:block;cursor:pointer;width:28px;height:30px;position:relative;margin-left:calc(100% - 28px);float:right;z-index:99}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);background-color:#fff}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);background-color:#fff}.hamburger.active~.langbtns-container>.langbtns{color:#fff}.hamburger.active~.langbtns-container>.hlghtd{color:var(--uitxtclr-white);border-bottom:1px solid var(--uiclr-white)}}.linkitem-gallery{width:100%;float:left;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:16px;grid-row-gap:60px}.linkitem-gallery-item{width:100%;float:left;position:relative}.linkitem-gallery-item img{position:relative;width:100%;vertical-align:bottom;box-shadow:#0000003d 0 3px 8px;transition:1s}.linkitem-gallery-item img:hover{box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.linkitem-gallery-item-link{align-self:center;color:var(--uitxtclr-1)}.linkitem-gallery-item-link h4{font-family:var(--font-family1);align-self:center;margin-top:10px;margin-bottom:0}.linkitem-gallery-journal-link{font-family:var(--font-family1);color:var(--uiclr-9);font-size:10px;margin-top:0;float:right}.linkitem-gallery-journal-link>svg{position:relative;top:.5px;height:10px}.linkitem-gallery-item-link:hover{text-decoration:underline}.linkitem-gallery-item-image:hover~.linkitem-gallery-item-link{text-decoration:underline}.linkitem-gallery-item-image>img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(30%)}.linkitem-gallery-item-image>img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}@media (max-width: 880px){.linkitem-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.linkitem-gallery{grid-template-columns:repeat(2,1fr)}}.projects-gallerycontainer{margin-left:0;margin-right:0;margin-top:50px;position:relative}.project{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;margin-bottom:150px;position:relative}.project-images{flex:50%;margin-bottom:10px;display:flex;flex-direction:row}.project-images.left{position:relative;margin-left:0;order:1;justify-content:end}.project-images.right{position:relative;margin-right:0;order:2}.project-text{flex:50%;position:relative;z-index:100}.project-text.left{padding-right:30px;order:1}.project-text.right{padding-left:30px;order:2;justify-content:start}.project-images-column{max-height:300px;overflow-y:hidden;display:flex;flex-direction:column;margin-right:2%}.project-images-column.desktop{width:20%}.tablet{width:15%}.project-images-column.smartphone{width:10%}.project-images-column.smartphone-s{width:5%}.project-images-column-fade{position:absolute;top:250px;left:0;right:0;z-index:10;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--uiclr-background-grey))}.device-images-container{display:flex;flex-direction:row;justify-content:center}.device-images-container.iphone{height:50px}.device-images-container.ipad{height:70px}.project-links{padding-top:30px;width:100%;display:flex;flex-direction:row;z-index:100;order:3}.project-links.left{justify-content:start}.project-links.right{justify-content:end}.project-image{float:left;box-shadow:0 0 11px #21212133;-webkit-filter:grayscale(20%);-moz-filter:grayscale(20%);filter:grayscale(20%);transition:all .5s ease}.project-image.screenshots,.project-image.device-images-wide{width:100%}.project-image.device-images-narrow{height:100%}.noshadow{box-shadow:0 0 #21212133}.project-image:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%);cursor:pointer}.p--description{margin-bottom:10px}.p--feature{margin-left:10px;margin-bottom:5px;margin-top:5px}.p__chevron{position:relative;top:.1rem;height:1rem}.hvr-icon-forward .p__chevron{-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{text-decoration:none}.hvr-icon-forward:hover .p__chevron,.hvr-icon-forward:focus .p__chevron,.hvr-icon-forward:active .p__chevron{-webkit-transform:translateX(4px);transform:translate(4px)}@media (max-width: 600px){.project-text.right{order:1}.left{padding-right:0;order:1}.left{order:2}.left{justify-content:end}.right{order:2}.right{padding-left:0;order:1}.projects-gallerycontainer{margin-left:0;margin-right:0}.project{flex-direction:column;margin-bottom:150px;padding-left:0;padding-right:0}}@media only screen and (max-width: 500px){.projects-gallerycontainer{margin-left:0;margin-right:0}}.angle{position:relative;float:left;width:100%;z-index:200}.angle:after{content:"";position:absolute;left:0;width:100%}.angle1--white-to-grey,.angle1--white-to-grey:after,.angle1--grey-to-white,.angle1--grey-to-white:after,.angle2--white-to-grey,.angle2--white-to-grey:after,.angle2--grey-to-white,.angle2--grey-to-white:after,.angle3--white-to-grey,.angle3--white-to-grey:after,.angle3--grey-to-white,.angle3--grey-to-white:after{height:80px;width:100%}.angle1--white-to-grey,.angle3--white-to-grey,.angle2--grey-to-white{background-color:var(--uiclr-background-white);width:100%}.angle1--grey-to-white,.angle3--grey-to-white,.angle2--white-to-grey{background-color:var(--uiclr-background-grey);width:100%}.angle1--white-to-grey:after{background-color:var(--uiclr-background-grey);-webkit-clip-path:polygon(100% 100%,0% 0%,0% 100%);clip-path:polygon(100% 100%,0% 0%,0% 100%);width:100%;z-index:400}.angle1--grey-to-white:after{background-color:var(--uiclr-background-white);-webkit-clip-path:polygon(100% 100%,0% 0%,0% 100%);clip-path:polygon(100% 100%,0% 0%,0% 100%);width:100%}.angle2--white-to-grey:after{background-color:var(--uiclr-background-white);-webkit-clip-path:polygon(0 0,100% 0,25% 100%);clip-path:polygon(0 0,100% 0,25% 100%);width:100%}.angle2--grey-to-white:after{background-color:var(--uiclr-background-grey);-webkit-clip-path:polygon(0 0,100% 0,25% 100%);clip-path:polygon(0 0,100% 0,25% 100%);width:100%}.angle3--white-to-grey:after{background-color:var(--uiclr-background-grey);-webkit-clip-path:polygon(100% 0%,100% 100%,0% 100%);clip-path:polygon(100% 0%,100% 100%,0% 100%);width:100%;z-index:100}.angle3--grey-to-white:after{background-color:var(--uiclr-background-white);-webkit-clip-path:polygon(100% 0%,100% 100%,0% 100%);clip-path:polygon(100% 0%,100% 100%,0% 100%);width:100%;z-index:100}@media (min-width: 520px){.angle1--white-to-grey,.angle1--white-to-grey:after,.angle1--grey-to-white,.angle1--grey-to-white:after,.angle2--grey-to-white,.angle2--grey-to-white:after,.angle3--grey-to-white,.angle3--grey-to-white:after{height:120px;width:100%}}@media (min-width: 900px){.angle1--white-to-grey,.angle1--white-to-grey:after,.angle1--grey-to-white,.angle1--grey-to-white:after,.angle2--grey-to-white,.angle2--grey-to-white:after,.angle3--grey-to-white,.angle3--grey-to-white:after{height:160px;width:100%}}.coding-skills-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cskill-bxsqre-container{position:relative;display:flex;flex-direction:column;flex-grow:0;justify-content:start!important;align-items:start!important;width:60%;min-width:80px;margin-bottom:30px}.cskill-bxsqre-container>svg{float:left;width:100%;left:0}@media (min-width: 640px){.coding-skills-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.coding-skills-container{grid-template-columns:repeat(3,1fr)}.cskill-bxsqre-container{width:60%;min-width:100px}}@media (min-width: 1024px){.coding-skills-container{grid-template-columns:repeat(6,1fr)}.cskill-bxsqre-container{width:70%;min-width:100px}}.coding-skill-icon{position:relative;float:left;width:70%;left:15%}.coding-skill-text{width:100%;float:left;margin-top:0;margin-bottom:0;font-size:clamp(.5rem,.7vw + 1rem,1.2rem);text-align:center}.tech-used-icons{width:100%;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;margin-bottom:20px;padding-top:0;padding-bottom:0;z-index:100}.tech-used-icon-container{position:relative;display:flex;justify-content:flex-start;align-items:left;float:left;width:8%}.tech-used-icon{position:relative;float:left;width:70%;height:100%;padding-top:0;padding-bottom:0}.tech-icons-fill{fill:var(--uiclr-1)}@media (max-width: 880px){.cskill-bxsqre-container{width:25%}}@media only screen and (max-width: 500px){.cskill-bxsqre-container{width:33.33%}}.contact-form>fieldset{display:flex;flex-direction:column;max-width:800px;margin-bottom:20px;border:none;padding:0}.contact-form>fieldset>label,.contact-form>fieldset>input,.contact-form>fieldset>textarea{padding-left:10px;border:none;background:#fff}.contact-form>fieldset>label{font-weight:700;font-size:14px;padding-top:10px}.contact-form>fieldset>input{margin-bottom:20px;padding-bottom:10px;outline:none}.contact-form>fieldset>textarea{resize:none;overflow:auto;outline:none}*{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-family:var(--font-family1);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-family:var(--font-family1);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}.home-text-container p{margin-top:0;font-family:Work Sans,sans-serif;font-size:.85rem;color:#000}.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}.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:var(--uiclr-1)}@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{border:0px solid red;width:100%;min-height:100px}.about-me-container section .work-projects-list li{display:flex;border:0px solid blue;margin-bottom:20px}.about-me-container section .work-projects-list li .image-side{height:50px}.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{height:100%;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}.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 .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::-webkit-scrollbar{display:none}.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;align-items:center;justify-content:end;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:end;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-end;padding-top:0;padding-bottom:0}.demo-projects-carousel-container ul li .tech-used-icons-new .tech-used-icon-container-new{position:relative;display:flex;justify-content:center;align-items:left;float:left;width:25px}.demo-projects-carousel-container ul li .tech-used-icons-new .tech-used-icon-container-new svg{position:relative;float:left;width:70%;height:100%;padding-top:0}.demo-projects-carousel-container ul li .tech-used-icons-new .tech-used-icon-container-new svg .tech-icons-fill-new{fill:var(--uiclr-1)}.demo-projects-carousel-container ul li .project-images-new-container{width:100%;display:flex;justify-content:end}.demo-projects-carousel-container ul li .project-images-new-container .project-images-new{flex:50%;max-width:400px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:end;flex-shrink:0}.demo-projects-carousel-container ul li .project-images-new-container .project-images-new.left{position:relative;margin-left:0;order:1}.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-family:var(--font-family1);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-family:var(--font-family1);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}}body{font-family:Work Sans,sans-serif}