:root{--marquee-width: 80vw;--marquee-height: 15vh;--marquee-elms-displayed: 4;--marquee-elms-width: calc( var(--marquee-width) / var(--marquee-elms-displayed) );--marquee-duration-animation: calc(var(--marquee-elms) * 3s)}section,footer,header,main,nav{display:block}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--bg);text-align:left}div a{position:relative;display:inline-block;margin:15px 25px;outline:none;color:#fff;text-decoration:none;letter-spacing:1px;font-weight:400;font-size:1.35em}.btn-primary a{text-shadow:2px 2px 4px rgba(0,0,0,.7);text-transform:uppercase;font-size:1.1rem}.btn-primary a:hover,.btn-primary a:focus{outline:none;text-shadow:2px 2px 4px rgba(0,0,0,.7)}h1,h2,h3,h4{color:var(--color-headings);margin-top:.25rem;margin-bottom:.5rem}h3{font-weight:700}p{margin-top:0}.container,.container-fluid{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}.container{max-width:1140px}.ul-defaults-none{list-style:none;margin:0;padding:0}.header-lg{font-size:7rem;letter-spacing:-2.5px;line-height:1.05;animation:header-lg 1s cubic-bezier(.215,.61,.355,1) both;background:url(/assets/background-gif-3fa6732c.gif) no-repeat center center fixed;background-size:cover;color:transparent;-webkit-background-clip:text;background-clip:text}.header-md{font-size:3rem;letter-spacing:-2px}.sub-header{font-size:1.3125rem;letter-spacing:-.5px;line-height:1.5;padding-top:1.25rem;padding-bottom:1.875rem;animation:sub-header 1s cubic-bezier(.39,.575,.565,1) 1s both}.btn-primary a{line-height:44px;perspective:1000px;color:#fff;box-shadow:0 8px 15px #0000004d}.btn-primary a span{position:relative;display:inline-block;padding:5px 25px;background:linear-gradient(45deg,#007bff,#00c6ff);transition:transform .3s;transform-origin:50% 0;transform-style:preserve-3d;border-radius:5px}.btn-primary a span:before{position:absolute;top:100%;left:0;width:100%;height:100%;content:attr(data-hover);transition:background .3s;transform:rotateX(-90deg);transform-style:preserve-3d;transform-origin:50% 0;border-radius:5px;text-align:center;padding:5px 25px;background:linear-gradient(45deg,#e72424,#ff7f00)}.submit-btn{position:relative;display:inline-block;padding:15px 30px;background:linear-gradient(45deg,#007bff,#00c6ff);color:#fff;border:none;border-radius:5px;box-shadow:0 8px 15px #0000001a;cursor:pointer;transition:transform .3s;transform-origin:50% 0;transform-style:preserve-3d;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-transform:uppercase;font-size:1.1rem}.submit-btn:before{content:attr(data-hover);position:absolute;top:100%;left:0;width:100%;height:100%;background:linear-gradient(45deg,#e72424,#ff7f00);transform:rotateX(-90deg);transform-origin:50% 0;transform-style:preserve-3d;transition:all .3s ease;border-radius:5px;display:flex;justify-content:center;align-items:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-transform:uppercase;font-size:1.1rem}@media (min-width: 769px){.btn-primary a:hover span,.btn-primary a:focus span{transform:rotateX(90deg) translateY(-22px)}.btn-primary a:hover span:before,.btn-primary a:focus span:before{background:linear-gradient(45deg,#e72424,#ff7f00)}.submit-wrapper:hover .submit-btn{transform:rotateX(90deg) translateY(-22px)}.submit-wrapper:hover .submit-btn:before{background:linear-gradient(45deg,#e72424,#ff7f00)}}.page-block{background:var(--bg)}#about{background-image:linear-gradient(270deg,#CC101F,#FFD500,#004481,#CC101F,#FFD500);background-size:400% 100%;animation:about 15s infinite linear}#about .modal-body,#contact .modal-body{padding:2rem;flex-wrap:wrap}.about-text{flex:1}.about-text p,.about-text .contact-me{font-size:1.2rem}#contact .modal-body{display:block}.contact-text{padding-bottom:3.5rem}.folio-form .form-control{display:block;border-top:0;border-left:0;border-radius:0;max-width:500px;width:100%;color:var(--color-text);padding:0 0 5px;line-height:26px;margin-bottom:40px;border-bottom:1px solid var(--border);outline:none;background-color:transparent}.marquee{width:var(--marquee-width);height:var(--marquee-height);overflow:hidden;margin:2rem auto;position:relative}.marquee-content{list-style:none;display:flex;height:100%;animation:scrolling var(--marquee-duration-animation) linear infinite}.marquee-content li{width:var(--marquee-elms-width);display:flex;justify-content:center;align-items:center;max-height:100%;white-space:nowrap;flex-shrink:0;font-size:calc(var(--marquee-height) * 3 / 4)}.marquee:before,.marquee:after{position:absolute;height:100%;top:0;content:"";z-index:1;width:12rem}@keyframes scrolling{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-elms-width) * var(--marquee-elms)))}}@media screen and (max-width: 991px){#about .img-wrapper,#about .about-text{flex:initial;margin:auto}.page-block{text-align:center}#about .about.img-wrapper img{max-width:200px;height:200px}}@media screen and (max-width: 768px){:root{--marquee-width: 100%;--marquee-elms-displayed: 2}.marquee:before,.marquee:after{width:5rem}.theme-toggle-button{display:block}.hide-on-small{display:none}button#toggle-btn{display:block}nav.navbar{display:block;flex-direction:column;align-items:flex-start}.navbar-nav{display:none}.navbar-nav.open{display:block}.navbar-nav ul{width:100%;flex-direction:column;padding:1rem;background:linear-gradient(45deg,#ffe700,#ffffff00)}}@media screen and (max-width: 450px){:root{--marquee-height: 11vh}.header-lg{font-size:2.5rem}.about-text p,.contact-text p{font-size:.75rem}.contact-text{padding-bottom:20px}header.modal-header{font-size:.75rem;padding-bottom:0}.modal-dialog{max-width:90%;max-height:none;padding:1rem}.modal-body{flex-direction:column;align-items:flex-start}.modal-body .img-wrapper{max-width:100%;margin-right:0;margin-bottom:1rem}.modal-body .img-wrapper img{width:auto;height:auto;max-width:100%;max-height:300px;display:block}.modal-body .text-wrapper{max-width:100%}.contact-text h2{font-size:2rem}.marquee{font-size:.1rem;margin-top:0;margin-bottom:0}.marquee:before,.marquee:after{width:2rem}#about .modal-body{padding:2rem 1rem 0}#about .about.img-wrapper img{height:125px;max-width:125px}.form-control{line-height:15px}.img-wrapper.popup,.popup-img{content-visibility:hidden}h3{font-weight:800;margin-left:auto;margin-right:auto}.top-footer{padding-left:20px}.top-footer .follow,.top-footer .social-icons ul{gap:0!important}}.theme-panel{position:fixed;right:0;top:25%;z-index:100;transition:.4s;transform:translate(100%)}.theme-body{background:linear-gradient(90deg,#e72424,#ff7f00);border:transparent;max-width:185px;padding:15px 13px;text-align:center;border-bottom-left-radius:25px;position:relative}.theme-body>span{color:#fff;font-size:13px;font-weight:700;letter-spacing:-.9px;line-height:26px;padding-bottom:8px;display:inline-flex}.theme-body .btn-group{box-shadow:0 12px 34px #161c2d33;border-radius:33px;background-color:#fff;overflow:hidden;display:flex;max-width:153px}.theme-body .btn-group .switcher-btn{background:transparent;border:none;width:50%;font-size:11px;font-weight:700;height:42px;padding:15px;letter-spacing:1.4px;text-transform:uppercase}.theme-body .btn-group .switcher-btn.active{background-color:#dfc1c1}.theme-panel.open{transform:translate(0)}.theme-body .theme-tab{position:absolute;top:0;transform:translate(-100%);display:flex;align-items:center;justify-content:center;width:30px;height:50px;border:0;background:#e72424;color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px;left:1px}.theme-tab i{font-size:1rem;transition:.4s;pointer-events:none}.theme-panel.open .theme-tab i{transform:scaleX(-1)}#toggle-btn{background-color:transparent;border:0;cursor:pointer;display:none;position:absolute;top:8px;right:8px}#toggle-btn i{background-color:transparent;border:0;cursor:pointer;display:none;position:absolute;top:8px;right:8px;color:var(--color-headings);height:2.5rem;width:3.5rem;font-size:1.5rem}#toggle-btn .open-icon{display:block}#toggle-btn .close-icon,#toggle-btn.open .open-icon{display:none}#toggle-btn.open .close-icon{display:block}.navbar{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-nav .main-menu{margin:0;padding-right:1rem;display:flex;gap:1rem;list-style-type:none}.navbar-nav .nav-item{color:var(--color-headings);text-decoration:none;cursor:pointer}.brand-logo a h2{font-size:1.5rem;letter-spacing:-.5px;line-height:1.42}.hero-content{text-align:center;padding:3rem 0}.code-icon{background-color:#e72424;color:#000;padding:1.25rem 1.5rem;border-radius:50rem;display:inline-block;margin-bottom:2.5rem;text-align:center}.code-icon .fa-code{font-size:2rem;display:inline-block;line-height:1.5}.main-menu{display:flex}.main-menu .nav-item{padding:18px;line-height:26px;cursor:pointer}.modal{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);cursor:pointer}.modal,.full-site-modal{position:fixed;top:0;bottom:0;left:0;right:0;padding:1rem;transition:all .35s ease-in;visibility:hidden;opacity:0;z-index:1000}.modal-dialog{max-width:800px;max-height:80vh;background:var(--bg-panel);color:var(--color-text-base);overflow:hidden;padding:1.25rem 1.85rem;border-radius:5px;cursor:default}.modal-header{display:flex;padding-bottom:1rem;justify-content:space-between}.modal-dialog .modal-header h3{color:var(--color-text-base)}.modal-header .fa-times{font-size:1.5rem;transition:all .5s ease-in}.modal-header .fa-times:hover{transition:scale(1.1);cursor:pointer}.full-site-modal.is-visible,.modal.is-visible{visibility:visible;opacity:1}.modal-body{display:flex;align-items:center}.modal-body .img-wrapper{max-width:360px;margin-right:.75rem;aspect-ratio:4 / 3;overflow:hidden}.modal-body .img-wrapper img{display:block;width:100%;height:100%;object-fit:cover}#about .img-wrapper img,.hero.img-wrapper img{max-width:300px}#about .img-wrapper img,.hero.img-wrapper img{width:100%;object-fit:contain;height:300px;border:5px solid #e72424;animation:wobbly 5s ease-in-out alternate infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.contact-me .email{font-size:1.4rem;text-transform:lowercase}.search-container label{align-items:center;position:relative;display:inline-flex}.container.search-container>label>i{padding-left:1rem}.search-input{padding:.75rem 1.5rem;background-color:#f1f3f5;border:1px solid #f1f3f5;border-radius:50rem}.search-input:focus{outline:none;border-color:#4dabf7;box-shadow:inset 0 1px 1px #00000003,0 0 8px #228be680}.search-input .fa-search{position:absolute;right:10px}.portfolio-filter-nav{display:flex;flex-wrap:wrap;padding:2rem 0}.portfolio-filter-nav .filter-link{padding:0 1rem;font-size:.8125rem;line-height:1.6;letter-spacing:1.63px;font-weight:700}.portfolio-filter-nav .filter-link:hover{cursor:pointer}.portfolio-filter-nav .filter-link.active{color:#e72424}.portfolio-grid{display:flex;flex-wrap:wrap;padding:3rem 1rem;justify-content:center;width:100%;margin:auto}.portfolio-card{position:relative;margin:0 1rem 1.85rem;max-width:255px}.card-body{box-shadow:5px 5px 10px 2px #0000004d;aspect-ratio:4 / 3;overflow:hidden;display:block}.card-body img{width:100%;height:100%;object-fit:cover;display:block}.card-popup-box{position:absolute;bottom:0;left:20px;right:20px;transition:.4s;z-index:1;padding:1.25rem 1.875rem;opacity:0}.card-popup-box:before{position:absolute;content:"";background:var(--bg);top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.9;border-radius:8px}.portfolio-card:hover .card-popup-box{bottom:20px;opacity:1;cursor:pointer}.card-popup-box div{color:var(--color-text-opacity);font-size:.8125rem;line-height:1.63;letter-spacing:1.63px;padding-bottom:.5rem;font-weight:700;text-transform:uppercase;pointer-events:none}.card-popup-box h3{pointer-events:none;color:var(--color-headings);font-size:1.3125rem;letter-spacing:-.5px;font-weight:700;margin-bottom:0}.top-footer{display:flex;justify-content:center;background:linear-gradient(45deg,rgb(255 255 255 / 10%),rgb(0,0,0,10%),rgba(255,255,255,.1))}.top-footer>div>a{font-size:12px;padding-left:1rem;padding-right:1rem}.top-footer>div>span,.top-footer>.social-icons>ul>li>a{color:var(--color-text)}.top-footer>.social-icons>ul>li{list-style-type:none}.top-footer .follow,.top-footer .social-icons ul{display:flex;align-items:center;gap:1rem}.btm-footer{font-size:1.3ch;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:80%;margin-left:auto;margin-right:auto;padding-top:1rem}[data-animation=zoomInOut].full-site-modal{transform:scale(.2)}[data-animation=slideInOutTop].modal-dialog{opacity:0;transition:all .5s}[data-animation=slideInOutTop].is-visible .modal-dialog{opacity:1;transition-delay:.2s}[data-animation=slideInOutTop].modal-dialog{transform:translateY(-100%)}[data-animation=zoomInOut].full-site-modal.is-visible,[data-animation=slideInOutTop].is-visible .modal-dialog{transform:none}@-webkit-keyframes wobbly{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes wobbly{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes header-lg{0%{letter-spacing:2rem;opacity:0}50%{opacity:.4}to{letter-spacing:-.2rem;opacity:1;text-transform:uppercase}}@keyframes sub-header{0%{transform:translateZ(-80px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes about{0%{background-position:100% 50%}to{background-position:0 50%}}:root{--bg: #fff;--bg-panel: #fff;--color-headings: #161c2d;--color-text-opacity: rgba(22, 28, 45, .7);--color-text: #161c2d;--color-text-base: #161c2d;--border: #383f53}[data-theme=light] .hero-bg{background-image:url(/assets/hero-pattern-2430f244.webp);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1}[data-theme=light] nav{background:linear-gradient(to bottom,#797979,#ffff 30%)}[data-theme=dark]{--bg: #171a23;--bg-panel: #f1f1f1;--color-headings: #fff;--color-text-opacity: rgba(255, 255, 255, .7);--color-text: #fff;--color-text-base: #161c2d;--border: #ced4da}[data-theme=dark] nav{background-image:url(/assets/hero-pattern-2430f244.webp);background:linear-gradient(to bottom,#0f1117,#171a23 40%)}