:root{--color-light-blue: #00a1e4;--color-medium-blue: #0054a6;--color-dark-blue: #003367;--color-super-dark-blue: #001428;--color-light-gray: #cccccc;--color-medium-gray: #aaaaaa;--color-medium-dark-gray: #bbbbbb;--color-dark-gray: #333333;--color-white: #FFFFFF;--color-darkest: #111111;--color-black: #000000;--color-yellow: #fff000;--color-blue: #0000ff;--color-red: #ff0000;--color-gold: #c48300;--color-black-25: #00000040;--color-black-30: #0000004D;--color-black-65: #000000A6;--color-black-90: #000000E6}.light-blue{color:var(--color-light-blue)}.medium-blue{color:var(--color-medium-blue)}.dark-blue{color:var(--color-dark-blue)}.super-dark-blue{color:var(--color-super-dark-blue)}body,html{width:100%;height:100%;padding:0;margin:0;background:#111;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;-webkit-text-size-adjust:100%;font-family:SegoePro Semibold,sans-serif;font-size:16px;font-size:1.15rem;line-height:1.5;color:var(--color-dark-gray)}html{scroll-behavior:smooth}*{padding:0;margin:0;z-index:20}a{text-decoration:none;color:var(--color-medium-blue)}a:hover{color:var(--color-light-blue)}h1{font-size:4em;font-size:4.25rem;font-weight:400;font-family:BulletSmallCaps,sans-serif;line-height:.75em;line-height:.45em}h2{font-family:YanoneKaffeesatz-Bold;color:var(--color-dark-gray);font-size:calc(1.5vw + 1.5vh);font-size:3.5rem;line-height:1.2;line-height:1rem;line-height:2.5rem;font-variant:all-small-caps}.noWrap{white-space:nowrap}.italic{font-size:.9em;font-style:italic;font-family:SegoePro Regular,sans-serif}.wrapper{padding:0;margin:0;position:relative;width:100%;height:100vh;height:100%;overflow-x:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.float{display:block;position:absolute;z-index:20}.guide,.fill,.morphing{visibility:hidden}.outline{stroke-dasharray:1000;stroke-dashoffset:1000}@font-face{font-family:SegoeUI Semibold;src:url(/assets/segoeui-semibold-uHRxwuFP.woff) format("woff")}@font-face{font-family:SegoePro Semibold;src:url(/assets/SegoePro-Semibold-CfwW1Pfx.woff) format("woff")}@font-face{font-family:SegoePro Regular;src:url(/assets/SegoePro-Regular-BuvKSand.woff) format("woff")}@font-face{font-family:BulletSmallCaps;src:url(/assets/BulletSmallCaps-CQHPYGPX.woff) format("woff")}@font-face{font-family:YanoneKaffeesatz-Bold;src:url(/assets/YanoneKaffeesatz-Bold-DFgmckSO.woff) format("woff")}.container{display:flex;justify-content:center;height:auto;align-items:center}#about,#banners,#videos,#react,#contact{scroll-margin-top:90px}.accent-blue{color:var(--color-medium-blue)}.accent-dark-blue{color:var(--color-dark-blue)}.accent-red{color:#b00000}a .school{text-decoration:none;font-weight:700;font-size:1.01em;color:var(--color-medium-blue);transition:.2s}a .school:hover{color:#b00000;color:var(--color-white)}svg{overflow:visible!important}.centered-container{display:flex;justify-content:center;align-items:center;width:100%}.section-label{display:inline-block;color:#fff;padding:0;cursor:pointer;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.section-label.selected{color:var(--color-light-blue);background-color:var(--color-super-dark-blue)}.section-label:after{right:unset;left:12px;padding:8px 0 0;border-radius:0}.asIcon{font-size:.5em;vertical-align:middle;margin-left:8px}.thumbnail{width:300px;height:250px;cursor:pointer;transform:scale(.95);transition:transform .2s,box-shadow .2s,overflow .2s;margin:0;padding:0;z-index:21;overflow:hidden}.thumbnail:hover,.thumbnail.selected{box-shadow:#000000a6 0 16px 24px;transform:translateY(-5px);z-index:22}.thumbnail:hover .thumbnail-info,.thumbnail.selected .thumbnail-info{opacity:1;visibility:visible}.thumbnail:hover .thumbnail-image,.thumbnail.selected .thumbnail-image{filter:blur(2px)}.thumbnail-info{color:#fff;position:absolute;display:flex;flex-direction:column;justify-content:center;justify-content:space-between;align-items:center;width:300px;height:250px;transition:transform .2s,opacity .2s,filter .2s,visibility .2s;margin:0;padding:0;background-color:#000000e6;opacity:0;visibility:hidden;gap:1rem}.thumbnail-info-top{display:flex;flex-direction:column;justify-content:space-around;justify-content:flex-end;flex:3}.thumbnail-info .thumbnail-info-title{color:var(--color-light-blue);font-weight:400;font-family:BulletSmallCaps,sans-serif;font-size:2.25em;line-height:.65em;text-align:center;-webkit-filter:drop-shadow(2px 2px 2px #000000A6);-moz-filter:drop-shadow(2px 2px 2px #000000A6);-ms-filter:drop-shadow(2px 2px 2px #000000A6);-o-filter:drop-shadow(2px 2px 2px #000000A6);filter:drop-shadow(2px 2px 2px #000000A6)}.thumbnail-description{align-self:center;color:#fff;font-size:1em;line-height:1.5;text-align:center}.thumbnail-button{bottom:0;background-color:var(--color-light-blue);color:var(--color-dark-blue);width:100%;text-align:center;font-size:1em;padding:8px 0;cursor:pointer;text-decoration:none;transition:.2s}.thumbnail-button:hover{background-color:var(--color-medium-blue);color:var(--color-white)}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1;font-size:.65em;color:red}.skill,.skill svg g path{fill:#61dafb}.section-label-dev .skill .skillIcon path,.section-label-dev .skill .skillIcon circle{fill:var(--color-medium-blue)}.card{position:relative;width:100%;height:auto;border-radius:0 0 20px 20px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s;background-color:none}.section-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;gap:1.5vw;gap:3.5vw;padding:0px 10px 5vh;max-width:1200px;z-index:21}.section-content h2{text-align:center}.h2-style{font-family:YanoneKaffeesatz-Bold;font-size:3.9rem;line-height:2.5rem;font-variant:all-small-caps}.section-content p{margin:5% 8% 0%}.hidden{display:none!important}.navigation{position:fixed;z-index:1000;background-color:#000;box-shadow:#000000a6 0 5px 10px}#hamburger-menu{padding-right:30px;display:none}.nav-splitter,.footer-splitter{display:flex;flex-direction:row;align-items:center;width:100%;max-width:1440px;height:90px;max-height:100px;justify-self:center!important}.nav-left{width:35%;height:auto;padding:0 0 0 2rem;cursor:pointer}.nav-right{display:flex;width:65%;justify-content:flex-end;gap:auto}footer{display:flex;align-items:center;justify-content:center}.footer-left{display:flex;width:70%;height:auto;padding:0 2rem}.footer-right{display:flex;width:30%;justify-content:flex-end;gap:1rem;height:auto;padding:0 2rem}.nowrap-text{white-space:nowrap!important}.social-icon{text-decoration:none;color:unset}.fa-brands{color:unset;font-size:1.5rem;transition:.2s}.fa-brands:hover{color:var(--color-light-blue);cursor:pointer}.heroLogo{display:flex;justify-content:flex-start;justify-content:space-around}.navigation-bar{display:flex;max-width:1440px;width:100%;z-index:1000}.navigation-bar li,.navigation-bar-mobile li{transform:skew(-15deg);white-space:nowrap;display:inline-block;margin:4px 20px;color:#fff;background-color:var(--color-medium-blue);background-color:#0054a600;transition:.25s;text-decoration:none;width:auto;height:auto;line-height:100%;cursor:pointer;padding:8px 12px;border-radius:10px 0}.navigation-bar li .container,.navigation-bar-mobile li .container{text-decoration:none;color:var(--color-white);transform:skew(15deg);border-radius:10px 0;gap:10px}.navigation-bar li:hover,.navigation-bar-mobile li:hover{background-color:var(--color-medium-blue);color:var(--color-dark-gray)}.navigation-bar li .container .material-symbols-outlined,.navigation-bar-mobile li .container .material-symbols-outlined{font-size:1.5rem}.navigation-bar li.active,.navigation-bar-mobile li.active{background-color:var(--color-light-blue);width:auto;height:auto;line-height:100%;cursor:pointer}.navigation-bar li .container.active,.navigation-bar-mobile li .container.active{color:var(--color-black)}.icon-react.active{fill:var(--color-black);stroke:var(--color-black)}.navigation-bar li .container .material-symbols-outlined .active,.navigation-bar-mobile li .container .material-symbols-outlined .active{color:var(--color-yellow)}#logo{height:auto}.logo-kirk{overflow:hidden;width:auto;height:80px}#insignia-fill{filter:drop-shadow(0px 2px 1px #000000)}.logo-container{width:23rem;height:auto;margin-bottom:20px}.navigation-mobile{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-black-90);z-index:1000;top:90px;left:100%;visibility:hidden}.navigation-bar-mobile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:40px 0;margin-top:-90px}.showMobileMenu{left:0%;transition:left .3s ease-in-out}.hideMobileMenu{left:100%;transition:left .3s ease-in-out}:root{interpolate-size:allow-keywords}#spacer{height:90px;width:100%;background-color:var(--color-light-gray)}.about-sections{margin-top:50px;width:auto}.details-container{width:900px;padding:0rem;padding-block:1rem;box-sizing:border-box}.about-detail li{line-height:1.25em;display:list-item;padding-bottom:1.5rem;padding-left:30px;text-indent:-29px}.about-detail .li-linkedin:before{content:" ";display:inline-block;width:23px;height:23px;background-image:url(/linkedin.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:.25em;text-shadow:#00000086 0px 1px 2px}.about-detail .li-resume:before{content:"📄 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-easter:before{content:"🥚 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-communication:before{content:"💬 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-work:before{content:"✅ ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-positive:before{content:"✌️ ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-puzzle:before{content:"🧩 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-eat:before{content:"🥪 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-chicago:before{content:"🍕 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-married:before{content:"👩🏼‍🤝‍👨🏽 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-3dprint:before{content:"🗿 ";text-shadow:#00000086 0px 1px 2px}.about-detail .li-toy:before{content:"🤖 ";text-shadow:#00000086 0px 1px 2px}.detail-image-container{display:flex;justify-content:center;align-items:center;max-width:100%;height:auto;margin-top:1rem}.detail-image-container img{max-width:100%;display:none;opacity:0;transition:opacity .5s ease-in-out}li.li-toy:hover{cursor:pointer}li.li-toy:hover .detail-image-container img{display:block;transition:opacity .5s ease-in-out;opacity:1}.details{width:100%;box-sizing:border-box}.details>*{max-width:100%}.details summary{white-space:nowrap;list-style-position:inside;font-family:YanoneKaffeesatz-Bold;font-variant:all-small-caps;cursor:pointer;font-size:3em}.details::details-content{display:block;margin-inline:2rem;block-size:0;transition-property:block-size,content-visibility;transition-duration:.5s;transition-behavior:allow-discrete;overflow:hidden}.details[open]::details-content{block-size:auto;block-size:calc-size(auto)}summary::marker{color:var(--color-medium-blue);font-size:2rem}#about{min-height:5vh}.intro-about{padding-top:2%;width:50%;height:auto;align-self:center}.profile-container{display:flex;flex:1;justify-content:center;align-items:center;flex-direction:column;width:auto;height:auto;margin-right:20px;-webkit-filter:drop-shadow(0px 8px 5px #0000004D);-moz-filter:drop-shadow(0px 8px 5px #0000004D);-ms-filter:drop-shadow(0px 8px 5px #0000004D);-o-filter:drop-shadow(0px 8px 5px #0000004D);filter:drop-shadow(0px 8px 5px #0000004D)}.profileImage{flex:1;width:100%;height:auto;border-radius:50%;border:.5em solid var(--color-light-blue);margin-bottom:20px;min-width:250px;max-width:275px}.aboutBG{background-color:var(--color-light-gray);flex-direction:column;align-items:flex-start;align-items:center}.about-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;flex-direction:row;padding:.5% 8% 0;gap:2rem;height:auto;width:auto;max-width:1380px;margin-top:2vh}.aboutText{flex:3;gap:.5em;display:flex;flex-direction:column;align-items:flex-start;height:auto;width:auto;min-width:300px;max-width:600px;padding:10px 0}.aboutText h2{margin-top:2rem}.skills-container{display:flex;justify-content:space-evenly;align-items:center;align-self:center;flex-wrap:wrap;padding:0 0 20px;gap:2rem;gap:10px;height:auto;width:100%;width:900px;width:auto;margin-bottom:20px;border-top:2px solid var(--color-medium-gray);border-bottom:2px solid var(--color-medium-gray);background-color:var(--color-medium-dark-gray)}li{list-style-type:none;line-height:0;display:inline-block}.skill{display:flex;flex-direction:column;align-items:center;cursor:pointer!important;margin-top:20px}.skillIcon{width:40px!important;height:40px!important;cursor:pointer;overflow:visible}.skills-container .skill .gsap{width:100%!important;height:40px}.skill .gsap{padding:0 10px}.grayScale{-webkit-filter:grayscale(0%) brightness(30%) contrast(70%) drop-shadow(0px 0px 0px #00000000);-moz-filter:grayscale(0%) brightness(30%) contrast(70%) drop-shadow(0px 0px 0px #00000000);-ms-filter:grayscale(0%) brightness(30%) contrast(70%) drop-shadow(0px 0px 0px #00000000);-o-filter:grayscale(0%) brightness(30%) contrast(70%) drop-shadow(0px 0px 0px #00000000);filter:grayscale(30%) brightness(50%) contrast(70%) drop-shadow(0px 0px 0px #00000000);transition:.2s}.skillLabel{font-family:SegoePro Semibold,sans-serif;font-size:14px;color:var(--color-dark-gray);text-align:left;margin-top:-22px!important;transition:.2s;white-space:nowrap;-webkit-filter:drop-shadow(0px 2px 2px #0000004D);-moz-filter:drop-shadow(0px 2px 2px #0000004D);-ms-filter:drop-shadow(0px 2px 2px #0000004D);-o-filter:drop-shadow(0px 2px 2px #0000004D);filter:drop-shadow(0px 2px 2px #0000004D);opacity:0}.skillIcon:hover{-webkit-filter:grayscale(0%) brightness(100%) contrast(100%) drop-shadow(0px 2px 3px #00000080);-moz-filter:grayscale(0%) brightness(100%) contrast(100%) drop-shadow(0px 2px 3px #00000080);-ms-filter:grayscale(0%) brightness(100%) contrast(100%) drop-shadow(0px 2px 3px #00000080);-o-filter:grayscale(0%) brightness(100%) contrast(100%) drop-shadow(0px 2px 3px #00000080);filter:grayscale(0%) brightness(100%) contrast(100%) drop-shadow(0px 2px 3px #00000080);transform:translateZ(1px)}.skillIcon:hover+.skillLabel,.skillIcon:hover~.skillLabel{opacity:1}.three-tabs-container{display:flex;align-items:center;flex-direction:column;width:100%;max-width:1380px;margin:0 auto;padding:20px 0}.three-tabs-container h1{margin:0;padding:2px 40px;color:var(--color-medium-blue)}.three-tabs-button{cursor:pointer;margin:30px 0;padding:5px 10px;color:#fff;transition:.25s;display:inline-block;white-space:nowrap;transform:skew(-15deg);border-radius:10px 0}.poops{transform:skew(15deg);color:var(--color-white)}.three-tabs-button.selected{cursor:pointer;margin:30px 0;padding:5px 10px;color:#fff;background-color:var(--color-medium-blue);transition:.25s;display:inline-block;white-space:nowrap;transform:skew(-15deg);border-radius:10px 0}.three-cards-container{width:100%;height:100%;margin:-1px 0;padding:0;height:auto;gap:0px;z-index:19;background:linear-gradient(to top,var(--color-medium-blue) 0%,var(--color-dark-blue) 70%,var(--color-super-dark-blue) 95%)}.three-cards-labels-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0;z-index:21}.three-tabs-BG{background:linear-gradient(to bottom,var(--color-light-gray) 0%,var(--color-medium-dark-gray) 95%)}.section-container{display:flex;flex-direction:column;align-items:center}.section-container p{max-width:975px}.professionalBG{flex-direction:column}.banners-container h1{margin:0;color:var(--color-light-blue);color:var(--color-white);background-color:var(--color-super-dark-blue);box-shadow:#0000004d 5px -5px 15px 1px;width:auto;padding:8px 20px 0;transform:skew(-15deg);border-radius:30px 0 20px}.banners-container div{transform:skew(15deg)}.banners-BG{background-color:#f2f2f2;flex-direction:column}.banners-container2{color:#fff;width:100%;height:100%;margin:-1px 0;padding:2rem;gap:2rem;height:auto;z-index:19;background:linear-gradient(to top,var(--color-medium-blue) 0%,var(--color-dark-blue) 70%,var(--color-super-dark-blue) 95%);box-shadow:#00000046 0 -3px 3px 2px}.section-label-banners{display:flex;flex-direction:row;align-items:center;gap:15px}.section-label-banners:before,.section-label-banners:after{color:var(--color-super-dark-blue);background-color:var(--color-super-dark-blue)}.peekaboo-container{right:0;width:150px;width:7em;height:auto;z-index:100;-webkit-user-select:none;user-select:none}#peekaboo-container{cursor:pointer!important}#peekaboo{width:7em;height:auto}#peekaboo-2{transform:translate(-50px)}#peekaboo-container-2{margin-top:-290px;cursor:pointer!important}#container{width:750px;height:550px}.iri{max-width:800px;max-height:600px}.videos-container h1{margin:0;color:#111;background-color:var(--color-super-dark-blue);background-color:var(--color-light-gray);box-shadow:#00000040 5px -8px 8px;width:auto;padding:8px 20px 0;transform:skew(-15deg);border-radius:30px 0 20px}.videos-container div{transform:skew(15deg)}.videos-container2 .section-content p{color:var(--color-dark-gray);margin:5% 8% 0%}.videos-BG{background:linear-gradient(to bottom,var(--color-medium-blue) 4%,var(--color-dark-gray) 20%);--color-dark-gray: #333333;flex-direction:column}.videos-container2{color:#111;width:100%;height:100%;margin:-1px 0;padding:0;padding:2rem;gap:2rem;height:auto;z-index:19;background:linear-gradient(to bottom,var(--color-light-gray) 10%,var(--color-medium-gray) 25%,#666666 50%,var(--color-dark-gray) 95%);box-shadow:#00000046 0 -3px 3px 2px}video{width:100%;height:auto;background-size:cover;margin:0;padding:0}.video-duration{font-family:BulletSmallCaps,sans-serif;font-family:YanoneKaffeesatz-Bold,sans-serif;font-size:.45em;color:#fff;line-height:1;text-align:center}.video-size{width:480px;height:270px;border:1px solid var(--color-light-gray)}.skills-used{width:100%;flex:.5;flex-direction:row;justify-content:center;align-items:center}.skills-used .skillIcon{width:20px;height:20px!important}.section-label-videos{display:flex;flex-direction:row;align-items:center;gap:15px;background-color:var(--color-light-gray)}.section-label-videos:before,.section-label-videos:after{color:var(--color-light-gray);background-color:var(--color-light-gray)}.dev-container h1{margin:0;color:var(--color-medium-blue);background-color:var(--color-light-blue);box-shadow:#00000040 5px -8px 8px;width:auto;transform:skew(-15deg);padding:8px 20px 0;border-radius:30px 0 20px}.dev-container h1 span{display:flex;gap:10px;transform:skew(15deg);white-space:nowrap}.icon-react{width:1.25rem;height:auto;fill:var(--color-white);stroke:var(--color-white);stroke-width:2px;margin:3px 0}.normalize-icon{transform:skew(-15deg)}.dev-BG{background-color:#f2f2f2;flex-direction:column}.dev-container2{color:#111;width:100%;height:100%;margin:-1px 0;padding:2rem;gap:2rem;height:auto;z-index:19;background:linear-gradient(to bottom,var(--color-light-blue) 0%,var(--color-dark-blue) 70%,var(--color-super-dark-blue) 95%);box-shadow:#00000046 0 -3px 3px 2px}.dev-container2 .section-content{max-width:975px;width:100%}.brand-crawler-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:140px;overflow:hidden;background-color:#f2f2f2;margin:0;padding:0}.brand-crawler-container{display:flex;width:fit-content;animation:scroll 25s linear infinite}.brand-crawler{transform:translateY(35px)}.brand-crawler-section{width:100%;height:auto;margin:0;padding:0;display:flex;flex-direction:column;max-width:1380px;align-items:flex-start;justify-content:flex-start}.brand-crawler-section h2{text-align:center;align-self:left;font-size:3rem;line-height:0rem;font-weight:700;font-style:italic;color:var(--color-light-gray);padding:0;margin:0;transform:translateY(22px);text-shadow:#000000FF 0px 0px 10px}.brand-crawler-section .dark{text-align:center;align-self:left;font-size:3rem;line-height:0rem;font-weight:700;font-style:italic;color:var(--color-darkest);padding:0;margin:0;transform:translateY(-24px);text-shadow:none}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.section-label-dev{display:flex;flex-direction:row;align-items:center;gap:15px;justify-content:center;background-color:var(--color-light-blue)}.section-label-dev:before,.section-label-dev:after{color:var(--color-light-blue);background-color:var(--color-light-blue)}.section-label-dev .skill{margin-top:0!important;pointer-events:none;cursor:default!important;height:32px}.carousel-wrapper{position:relative;width:100%;max-width:900px;height:500px;margin:2rem auto}.carousel{position:relative;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;filter:drop-shadow(0px 2px 1px #000000)}.carousel-inner{position:relative;width:100%;height:100%;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0}.carousel-slide img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow-left{left:-70px}.carousel-arrow-right{right:-70px}.carousel-arrow .material-symbols-outlined{font-size:32px;color:#333}.carousel-dots{position:absolute;bottom:-50px;bottom:-1.5rem;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:100;align-items:center}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:var(--color-light-blue);transform:scale(1.2)}.carousel-dot.active{background:var(--color-white);width:14px;height:14px}.section-label-contact{display:flex;flex-direction:row;align-items:center;gap:15px;background-color:var(--color-light-gray)}.section-label-contact:before,.section-label-contact:after{color:var(--color-light-gray);background-color:var(--color-light-gray)}.case-studies-BG{background-color:#0ff}.brands{width:2585px;height:70px;margin:0;padding:0;display:block;cursor:pointer}area{cursor:pointer}.contact-container h1{margin:0;color:var(--color-darkest);box-shadow:#000000a6 5px -5px 5px 1px;background-color:var(--color-light-gray);width:auto;transform:skew(-15deg);padding:8px 20px 0;border-radius:30px 0 20px}.contact-container div{transform:skew(15deg)}.contact-BG{background:linear-gradient(to bottom,var(--color-super-dark-blue) 4%,#000000 40%);flex-direction:column;overflow:hidden}.contact-container2{color:var(--color-dark-gray);width:100%;height:100%;margin:-1px 0;padding:0;height:auto;gap:0px;z-index:19;background:linear-gradient(to bottom,var(--color-light-gray) 10%,var(--color-medium-gray) 25%,#666666 50%,var(--color-dark-gray) 95%);box-shadow:#00000046 0 -3px 3px 2px}.contact-content{margin:30px auto}.contact-content p{margin:0% 8%;padding:0%}.contact-content div h1{font-size:3em;line-height:.5em;font-style:small-caps}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;gap:15px;margin:10px 20px 20px;background-color:var(--color-medium-blue);padding:30px;border-radius:30px 0;box-shadow:#000000a6 0 16px 24px}.contact-form div label,.contact-form div input,.contact-form div select,.contact-form div textarea,.formSubmit{font-family:SegoePro Semibold,sans-serif}.contact-form div{width:100%}.contact-form div label{font-size:.75em;color:var(--color-dark-gray);color:var(--color-light-blue);line-height:0}.contact-form div input{width:100%;border:1px solid var(--color-medium-gray);border-radius:5px;font-size:1em;padding:10px;box-sizing:border-box}.contact-form div input::placeholder,.contact-form div textarea::placeholder{color:var(--color-medium-gray);font-style:italic}.contact-form div select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 35px 10px 10px;background-color:#f0f0f0;border:1px solid var(--color-medium-gray);border-radius:5px;border-right:16px solid transparent;font-size:1rem;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg fill="%230054a6" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><polygon points="5,7 10,12 15,7"/></svg>');background-position:right 0em center;background-size:1em 1em;background-repeat:no-repeat}.contact-form div textarea{width:100%;height:100px;padding:10px;background-color:#f0f0f0;border:1px solid var(--color-medium-gray);border-radius:5px;font-size:1rem;cursor:pointer;resize:vertical;box-sizing:border-box}.contact-form p{text-align:center;transform:skew(15deg);color:var(--color-medium-blue)!important;color:var(--color-super-dark-blue)!important;transition:color .2s ease-in-out}.formSubmit{all:unset;text-align:center;width:100px!important;height:30px;align-self:center;cursor:pointer;border-radius:10px 0;padding:8px 12px;background-color:var(--color-medium-gray);transform:skew(-15deg);margin-top:20px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.formSubmit:hover{background-color:var(--color-light-blue)}.formSubmit:hover p{color:var(--color-white)!important}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:hidden;width:100vw;height:100vh}.modal-content{display:flex;flex-direction:column;position:relative;background-color:var(--color-light-blue);border-radius:25px 0;padding:20px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 8px 32px #0000004d;gap:0px;align-items:center;justify-content:center;max-width:100vw;max-height:100vh;overflow:hidden}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:32px;color:var(--color-dark-gray);cursor:pointer;line-height:1;padding:0;width:40px;height:40px;transition:color .2s;z-index:1001}.modal-close-btn:hover{color:var(--color-light-blue)}.presentation-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:auto}.scrubber-container{width:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;height:50px;z-index:1000;margin:0;padding:0}.scrubber{width:90%;border:1px solid #ccc;cursor:pointer}.scrub-bottom{display:flex;flex-direction:row;width:90%;height:100%;justify-content:space-between;align-items:start}.playPauseBtn,.play_circle,.pause_circle{font-size:24px;cursor:pointer}@media(max-width:1400px){.nav-right .linkLabel{width:0;overflow:hidden;transition:.2s}.nav-right li:hover .linkLabel{width:auto;transition:.2s}}@media(max-width:932px){html,body{font-size:1.15em}h1{font-size:3.25rem;font-size:4rem}h2{font-size:3em;text-align:center}.nav-left{width:65%;padding:0}.nav-right{width:35%}.aboutText{align-items:center}.aboutText p{width:auto}.section-container p{padding:2rem}.contact-content p{padding:0}.footer-left{font-size:.9rem;width:70%}.footer-right{width:30%;gap:8px}.section-content p~.video-size{transform:scale(.85)}.thumbnail-info .thumbnail-info-title{font-size:2.25em}.banners-container2,.videos-container2{padding:1rem;gap:1rem}.dev-container2{padding:1rem;gap:0rem}.carousel-wrapper{height:400px}.carousel{max-width:100%;border-radius:0}.carousel-arrow{width:40px;height:40px}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-arrow .material-symbols-outlined{font-size:24px}.carousel-dots{gap:8px}.carousel-dot{width:10px;height:10px}.carousel-dot.active{width:12px;height:12px}#hamburger-menu{display:block}.navigation-bar li{display:none}.navigation-mobile{visibility:visible}.logo-container{width:23rem;height:auto;margin:0 0 15px 10px}.nav-link{font-size:1.3em;margin:8px 24px;line-height:.75}.nav-link:before,.nav-link:after{padding:20px 10px}.profileImage{flex:1;width:100%;height:auto;align-self:center;border-radius:50%;border:.5em solid var(--color-light-blue)}.details-container{width:auto;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:1rem;padding-block:0rem}.skills-container{justify-content:center;align-self:center;padding:0 70px 20px}.iri{max-height:400px}.modal-content{padding:20px}.brand-crawler{transform:translate(0)}}@media(max-width:480px){.carousel-wrapper{height:300px}.profileImage{min-width:100px;max-width:200px}}
