@import url("https://fonts.googleapis.com/css2?family=Niconne&family=Young+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");@import url("https://fonts.googleapis.com/css2?family=BBH+Sans+Bartle&display=swap");@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alfa+Slab+One&family=Black+Ops+One&family=Boldonse&family=Bruno+Ace&family=Calistoga&family=Caprasimo&family=Fugaz+One&family=Goldman:wght@400;700&family=Holtwood+One+SC&family=Lilita+One&family=Martian+Mono:wght@100..800&family=Michroma&family=Mochiy+Pop+One&family=Moul&family=New+Amsterdam&family=Passion+One:wght@400;700;900&family=Poetsen+One&family=Poller+One&family=Racing+Sans+One&family=Rakkas&family=Righteous&family=Rowdies:wght@300;400;700&family=Rubik+Mono+One&family=Shippori+Antique+B1&family=Special+Gothic+Expanded+One&family=Titan+One&family=Tsukimi+Rounded&family=Ultra&display=swap");:root{--fontsize:16px;--color:rgb(255,255,255);--header-base:1;--header-font:"Oswald",sans-serif;--hero-font:"Fugaz One",sans-serif;--cursive-font:"Great Vibes",cursive;--card-header-font:"Fugaz One",serif;--body-font:"Oswald",sans-serif;--contact-form-font:"Fugaz One",sans-serif}*{box-sizing:border-box}body{font-size:var(--fontsize);color:var(--color);margin:0;padding:0;min-height:100vh;font-family:var(--body-font)}div{width:100%}h1{font-size:calc(var(--fontsize) * (var(--header-base) * 2.5))}h2{font-size:calc(var(--fontsize) * (var(--header-base) * 2))}h3{font-size:calc(var(--fontsize) * (var(--header-base) * 1.75))}h4{font-size:calc(var(--fontsize) * var(--header-base))}h5{font-size:calc(var(--fontsize) * (var(--header-base) * .875))}h6{font-size:calc(var(--fontsize) * (var(--header-base) * .75))}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0;margin-bottom:.5em;font-weight:700;color:var(--color);font-family:var(--header-font);font-weight:800;font-style:normal}button{display:flex;justify-content:center;align-items:center;width:auto;min-width:100px;height:auto;border-radius:15px;background-color:rgb(255,255,255);font-family:var(--body-font);font-optical-sizing:auto;font-weight:400;font-style:normal;padding:10px 20px;font-size:var(--fontsize,1rem);box-sizing:border-box;text-align:center;text-decoration:none;border:1px solid transparent;outline:none}button:hover{background-color:rgba(179,179,179,.592);border:2px inset white}button:active{opacity:.8;transform:scale(.95)}header{font-family:var(--header-font);font-weight:400;font-style:normal;display:flex;justify-content:space-between;align-items:center;flex-direction:row;background-color:rgba(255,255,255,.219);border:1px solid rgba(0,0,0,.109);width:100%;height:100%;padding:0 2vw}.nav__container-contactme,.nav__header-logo,nav{flex-grow:1;flex-basis:0}nav{flex-direction:column;flex-grow:1}nav,nav ul{display:flex;justify-content:center;align-items:center;width:auto}nav ul{list-style:none;gap:2vw;margin:0;padding:0}nav li{height:auto}nav a{padding:0 10px;color:rgb(0,0,0);font-weight:400;text-decoration:none;display:inline-flex;align-items:center}.nav-sidebar,nav a{justify-content:flex-start}.nav-sidebar{position:fixed;top:0;right:0;height:100vh;width:100%;z-index:999;background-color:rgba(192,186,255,.36);backdrop-filter:blur(10px);box-shadow:-5px -5px 10px rgb(0,0,0);display:none;flex-direction:column;align-items:flex-start;transition:transform .3s ease-in-out;animation:none!important}.nav-sidebar.open{display:flex;gap:7vh;font-size:1.75rem;color:black;-webkit-text-stroke:.2px rgb(55,152,255);text-shadow:0 -1px 2px rgb(255,255,255);overflow:auto;transform:translateX(0)}.nav-sidebar[data-aos]{animation:none!important}.nav-sidebar.open:hover{-webkit-text-stroke:.2px rgb(55,152,255);text-shadow:0 -1px 2px rgb(255,255,255)}.nav-sidebar li,.nav-sidebar ul{list-style:none;margin:0;padding:0}.nav-sidebar li{width:100%}.nav-sidebar a{width:100%;text-decoration:none;font-family:var(--header-font);color:black;margin:0;padding:0}.nav-sidebar a:hover{text-decoration:none;color:aqua}.nav-sidebar a:active{opacity:.8;transform-origin:center;transition:opacity .1s ease,transform .1s ease,border .1s ease;font-size:1.7rem}.nav__menu-sidebar{display:flex}.nav__menu-hide-on-mobile{display:none}nav a:hover{color:rgb(0,4,255);border-radius:15px;text-decoration:none}nav a:active{opacity:.8;transform-origin:center;transition:opacity .1s ease,transform .1s ease,border .1s ease;font-size:.8rem}.nav__header-logo{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;height:100%;margin:auto}.nav__header-logo img{width:100px;height:100px;margin-left:5vw;border-radius:15px}.personalSignature{font-family:var(--cursive-font);font-size:1.5rem;-webkit-text-stroke:.8px black;color:white;font-weight:400}.nav__header-IMG{border:2px outset rgb(218,218,218)}.nav__header-IMG:hover{opacity:.8;transition:opacity .3s ease;border:2px inset rgb(218,218,218)}.nav__header-IMG:active{opacity:.8;border:2px inset rgb(218,218,218);transform:scale(.95)}.nav__header-company-logos:hover{opacity:.5;transition:opacity .3s ease}.nav__container-contactme{display:none;justify-content:flex-end;align-items:flex-end;width:auto;height:auto;margin-right:5vw}.nav__contactme-button{display:inline;color:rgb(0,0,0);text-decoration:none;font-size:inherit;border-radius:55px;background-color:rgb(255,255,255)}.nav__contactme-button:hover{color:rgb(0,4,255);text-decoration:none;font-size:inherit}.nav__contactme-button:active{opacity:.8;border:2px inset rgb(218,218,218);transform:scale(.95);transition:opacity .1s ease,transform .1s ease,border .1s ease}.hero-logo-background{background-image:url(/artGeneratorPNG.png);background-size:500px 400px;background-repeat:no-repeat;background-position:50%;height:auto;width:100vw}.hero-section{width:100%;height:auto;background:linear-gradient(0deg,#66fcf1,#080f5b,#080f5b,#080f5b);display:flex;margin:auto;text-align:center;align-items:center;justify-content:center}.hero-section__image{width:50vw;height:50vh;object-fit:cover;border-radius:50%;box-shadow:2px 2px 10px white}.hero-section__name{margin-top:10vh;font-family:var(--hero-font);font-size:4rem;text-shadow:1px 1px 5px #66fcf200;-webkit-text-stroke:1px rgb(255,255,255);background:linear-gradient(180deg,#ffffff,#66fcf1,#003cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-section__title{text-shadow:1px 1px 2px black;font-size:2rem;color:white;-webkit-text-stroke:1px rgb(0,0,0);font-family:var(--hero-font);font-weight:400}.hero-section__proPhoto-container{position:relative;display:inline-block;width:auto}.hero-section__proPhoto{border-radius:55px;margin-top:10px;background:linear-gradient(var(--background-angle,0deg),#ffffff,#66fcf1,#003cff);padding:4px;box-shadow:1px -5px 15px rgba(255,255,255,.8),-2px -2.5px 5px rgba(102,252,241,.6),1px 10px 15px rgba(0,60,255,.5);animation:spinGlow 10s linear infinite;transition:all .3s ease}.hero-section__proPhoto:hover{border-radius:55px;transform:scale(1.05)!important;box-shadow:1px -5px 20px rgba(255,255,255,1),-3px -3px 8px rgba(102,252,241,.8),1px 12px 20px rgba(0,60,255,.7);background:linear-gradient(var(--background-angle,0deg),#ffffff,#66fcf1,#ffffff);cursor:pointer}.hero-section__chat-box{position:absolute;width:auto;top:80%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,#003cff,#66fcf1,#003cff);background-size:200% 100%;color:#ffffff;-webkit-text-stroke:.7px black;padding:4px;border-radius:55px;font-size:1.4rem;font-weight:700;text-align:center;opacity:0;transition:all .3s ease;pointer-events:none;border:2px solid transparent;margin-top:10px;box-shadow:1px -5px 15px rgba(0,60,255,.5),-2px -2.5px 5px rgba(102,252,241,.6),1px 10px 15px rgba(0,60,255,.5);animation:waveGlow 4s linear infinite}.hero-section__proPhoto-container:hover .hero-section__chat-box{opacity:1}.hero-section__proPhoto-container:active{transform:scale(.95)}@keyframes waveGlow{0%{background-position:0 50%}to{background-position:200% 50%}}@property --background-angle{inherits:false;initial-value:0deg;syntax:"<angle>"}@keyframes spinGlow{0%{--background-angle:0deg;box-shadow:1px -5px 15px rgba(255,255,255,.8),-2px -2.5px 5px rgba(102,252,241,.6),1px 10px 15px rgba(0,60,255,.5)}50%{--background-angle:180deg;box-shadow:2px -7px 30px rgba(255,255,255,1),-3px -3.5px 12px rgba(102,252,241,.9),2px 15px 30px rgba(0,60,255,.8)}to{--background-angle:360deg;box-shadow:1px -5px 15px rgba(255,255,255,.8),-2px -2.5px 5px rgba(102,252,241,.6),1px 10px 15px rgba(0,60,255,.5)}}.hero-section__secondary-title{margin-top:10vh;padding:0;text-shadow:1px 1px 2px black;font-size:2rem;color:#888888;-webkit-text-stroke:1px rgb(0,0,0);font-family:var(--hero-font);font-weight:400}.logo-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.responsive-logo{width:100%;max-width:100vw;height:auto;opacity:1;padding:10px;object-fit:contain;border-radius:35px}.about-section{width:100%;height:auto;background:linear-gradient(180deg,#66fcf1);background-size:100% 200%;background-position:top;background-repeat:no-repeat;text-shadow:1px 1px 2px black;display:flex;flex-direction:column;margin:auto;text-align:center;align-items:center;justify-content:flex-start;color:white;position:relative;overflow:hidden}.about-section__header{font-family:var(--hero-font);padding:15px;margin-top:10vh;color:#ffffff;font-size:2.5rem}.mainframe-cards{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;font-family:var(--body-font);margin-top:5vh}.mainframe-cards>*{flex:0 0 calc(25% - 20px);box-sizing:border-box}.card h3{font-size:1.5rem;font-family:var(--card-header-font);font-weight:400;color:#66fcf1}.card{background:radial-gradient(circle at center,#023cc5,#2dc0ff 255%);padding:20px;border-radius:10px;transition:transform .3s ease;text-shadow:1px 1px 5px black;cursor:pointer;box-shadow:1px 1px 7px rgb(255,255,255);color:white!important;align-items:center}.card:hover{transform:translateY(-5px);box-shadow:0 0 15px rgba(0,240,255,.7)}.card-back,.card:hover .card-back{display:block}.about-section-skills-img{height:90%;width:80%;z-index:999;border:2px solid rgb(255,255,255);border-radius:5px;margin-top:5vh}.portfolio-section{width:100%;height:auto;background:linear-gradient(180deg,#66fcf1,#080f5b,#080f5b,#080f5b);text-shadow:1px 1px 2px black;flex-direction:column;margin:auto;justify-content:flex-start;font-family:var(--body-font)}.portfolio-section,.portfolio-section h1{display:flex;text-align:center;align-items:center}.portfolio-section h1{margin-top:10vh!important;padding:2%!important;box-sizing:border-box;width:90%;font-size:1.5rem!important;line-height:1.4;text-wrap:wrap;color:white;-webkit-text-stroke:.5px rgb(0,0,0);text-shadow:.5px .5px 1px black;font-family:var(--hero-font);justify-content:center;max-width:90vw;margin-left:auto;margin-right:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.portfolio-section h3{padding:5%;box-sizing:content-box;width:80%;text-wrap:wrap;font-size:1rem}.portfolio-section h6{font-size:1.5rem;color:white;-webkit-text-stroke:1px rgb(0,0,0);font-family:Oswald,sans-serif}.portfolio__visit-website-button{margin-bottom:10px;background:rgb(255,255,255)!important;color:rgb(0,0,0)!important;border:2px solid rgb(255,255,255)!important;font-family:Oswald,sans-serif!important}.portfolio__visit-website-button:hover{margin-bottom:10px;background:rgba(255,255,255,.856)!important;color:rgb(0,4,255)!important;border:2px inset rgb(255,255,255)!important}.portfolio__visit-website-button:active{opacity:.8;transform:scale(.95);transition:opacity .1s ease,transform .1s ease,border .1s ease}.portfolio__outer-container{height:80%;width:90%;display:flex;justify-content:center;align-items:center;margin-bottom:10vh}.blog-section,body.blog-page{background:linear-gradient(180deg,#080f5b 0,#081a4d 15%,#0f3a7d 30%,#1e6b9e 45%,#2ec4b6 55%,#40e0d0 65%,#66fcf1 85%,#66fcf1);background-attachment:fixed;min-height:100vh;padding:40px 20px}.blog-featured{align-items:center;background:linear-gradient(180deg,#080f5b,#66fcf1);padding:20px;margin-bottom:40px;border-radius:10px;color:white;box-sizing:border-box}.blog-featured,.blog-featured-inner{width:100%;display:flex;flex-direction:column}.blog-featured-inner{gap:20px}.blog-featured-left,.blog-featured-right{width:100%;text-align:center}.blog-featured-left h2,.blog-featured-right h3{font-size:1.75rem;margin-bottom:15px;color:#ffffff;-webkit-text-stroke:.5px rgb(0,0,0);text-shadow:.5px .5px 1px black}.blog-featured-image{width:100%;max-height:300px;object-fit:contain;border-radius:10px;box-shadow:0 0 10px rgba(255,255,255,.5)}.blog-featured-right p{font-size:1rem;margin-bottom:15px;text-shadow:1px 1px 5px black}.blog-recent-posts{margin:80px 0;text-align:center}.blog-recent-title{font-size:2.5rem;margin-bottom:40px;color:#66fcf1;font-family:var(--hero-font)}.blog-recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto;padding:0 20px}.blog-recent-card{background:rgba(8,15,91,.4);border-radius:16px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(102,252,241,.2);backdrop-filter:blur(10px)}.blog-recent-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(102,252,241,.3);border-color:#66fcf1}.blog-recent-image-wrapper{width:100%;height:200px;overflow:hidden}.blog-recent-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-recent-card:hover .blog-recent-image{transform:scale(1.08)}.blog-recent-content{padding:20px;text-align:left}.blog-recent-content h4{font-size:1.2rem;margin:0 0 12px;color:#66fcf1;line-height:1.3}.blog-recent-content p{font-size:.95rem;color:#e0e0e0;margin-bottom:16px;line-height:1.5}.blog-recent-read-more{color:#66fcf1;font-weight:600;font-size:.9rem}.blog-categories-container{width:100%;padding:0 20px;box-sizing:border-box}.blog-category{width:100%;margin-bottom:60px}.blog-category h2{font-size:1.75rem;margin-bottom:30px;color:#ffffff;-webkit-text-stroke:.5px rgb(0,0,0);text-shadow:.5px .5px 1px black;text-align:center;font-family:var(--hero-font)}.blog-category-posts{display:flex;flex-direction:column;gap:25px}.blog-post-card{background:radial-gradient(circle at center,#023cc5,#2dc0ff 255%);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.blog-post-card:hover{transform:translateY(-8px);box-shadow:0 0 20px rgba(102,252,241,.6)}.blog-post-image{height:180px;object-fit:contain;background:#1a1a2e;border-bottom:3px solid #66fcf1}.blog-post-content{padding:18px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.blog-post-content h3{font-size:1.2rem;color:#66fcf1;margin-bottom:12px;font-family:var(--header-font);line-height:1.3}.blog-post-content p{font-size:.95rem;color:#e0e0e0;margin-bottom:15px;flex-grow:1;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.blog-post-content .portfolio__visit-website-button{align-self:flex-start;font-size:.9rem;padding:8px 16px}.blog-view-all-button{display:block;margin:40px auto 20px;padding:12px 32px;background:rgba(13,0,255);color:white;font-family:var(--header-font);font-size:1.1rem;font-weight:600;border:2px solid #66fcf1;border-radius:50px;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(102,252,241,.3);transition:all .3s ease;cursor:pointer;text-align:center;width:fit-content}.blog-view-all-button:hover{background:#66fcf1;color:#080f5b;transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,252,241,.5)}.blog-view-all-button:active{transform:translateY(0)}.back-to-top{position:fixed;top:10px;right:10px;z-index:999;width:20px;height:50px;background:rgba(102,252,241,.2);color:#000000;border:2px solid #66fcf1;font-size:.8rem;border-radius:80%;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(102,252,241,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#66fcf1;color:#080f5b;transform:translateY(-5px);box-shadow:0 8px 30px rgba(102,252,241,.6)}.back-to-top:active{transform:translateY(-2px)}@property --bg-angle{inherits:false;initial-value:0deg;syntax:"<angle>"}@keyframes spin{to{--bg-angle:360deg}}.portfolio__inner-container{--bg-angle:0deg;animation:spin 8.5s linear infinite;background:linear-gradient(to top,#66fcf1,#080f5b,#080f5b,#080f5b) padding-box,conic-gradient(from var(--bg-angle),#66fcf1,#080f5b,#66fcf1,#66fcf1) border-box;display:flex;flex-direction:row;height:60vh;width:100%;color:white;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0;overscroll-behavior-x:contain;border:5px solid transparent}.portfolio__inner-container>div{scroll-snap-stop:always;flex-shrink:0;width:100%;height:100%;overflow-y:auto;scroll-snap-align:center}.portfolio__inner-container>div>.CardBody{overflow-y:auto;max-height:100%}.portfolioImgs{width:120%!important;height:100%!important;object-fit:cover;display:flex;border-radius:.25rem .25rem 0 0;border:2px solid rgb(255,255,255)}.contactme__background{width:100%;height:auto;background:linear-gradient(0deg,#66fcf1,#0d19a3);border:2px outset white;border-radius:5px;margin:auto;text-align:center}.contactme__background,.contactme__background-text{display:flex;align-items:center;justify-content:center}.contactme__background-text{flex-flow:row wrap}.contactme__background span,.contactme_email-form{display:flex;align-items:center;justify-content:center}.contactme_email-form{margin-top:10vh;width:100%;flex-direction:column;color:white}.contactme_email-form,.contactme_email-form h1{height:auto;font-family:var(--contact-form-font)}.contactme_email-form h1{-webkit-text-stroke:1px black;text-shadow:1px 1px black;font-size:1.25rem;color:#66fcf1}.contactme_email-form label{-webkit-text-stroke:1px black;border-radius:15px;display:flex;justify-content:center;align-items:end;text-shadow:1px 1px 5px black;font-size:1.75rem;width:auto;height:auto}.contactme_email-form input{border-radius:15px;border:2px solid rgba(255,0,0,0);width:50vw;height:10vh;overflow:auto;margin:1vh;font-size:1.2rem}.contactme_email-form textarea{width:80vw;height:25vh;font-size:.75rem;border-radius:15px;margin:1vh}.contactme_email-form input,.contactme_email-form textarea{font-family:var(--body-font)}.contactme_email-form button{margin-top:2px;border-radius:15px;color:black;margin-bottom:10vh;width:45vw!important}.personal-blog-section{width:100%;height:auto;background:linear-gradient(180deg,#080f5b 0,#081a4d 15%,#0f3a7d 30%,#1e6b9e 45%,#2ec4b6 55%,#40e0d0 65%,#66fcf1 85%,#66fcf1);background-attachment:fixed;display:flex;flex-direction:column;margin:auto;text-align:center;align-items:center;justify-content:flex-start;color:white;padding:20px 10px;box-sizing:border-box;min-height:100vh}.personal-blog-title{font-size:3rem;margin:20px 0;color:#ffffff;-webkit-text-stroke:.5px rgb(0,0,0);text-shadow:.5px .5px 1px black;font-family:var(--hero-font)}.personal-blog-subtitle{font-size:2rem;margin-bottom:20px;color:#e0e0e0;text-shadow:1px 1px 3px rgba(0,0,0,.8);font-family:var(--header-font)}.personal-blog-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:40px 0}.personal-blog-profile-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #66fcf1;box-shadow:0 6px 20px rgba(102,252,241,.5);transition:transform .3s ease}.personal-blog-profile-img:hover{transform:scale(1.05)}.personal-blog-profile-name{font-size:1.8rem;font-family:var(--cursive-font);color:#66fcf1;-webkit-text-stroke:.2px #ffffff;text-shadow:2px 2px 8px rgba(0,0,0,.6);margin:0}.personal-blog-content{width:100%;background:radial-gradient(circle at center,#023cc5,#2dc0ff 255%);padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(255,255,255,.2);text-shadow:1px 1px 5px black;color:#e0e0e0}.personal-blog-date{font-size:1.1rem;color:#ffffff;font-family:var(--header-font);font-weight:500;margin:8px 0 40px;opacity:.9;letter-spacing:.5px}.blog-image-container{width:100%;max-width:800px;margin:40px auto;text-align:center}.blog-post-image{width:100%;max-width:100%;height:auto;border-radius:16px;border:3px solid #66fcf1;box-shadow:0 10px 30px rgba(102,252,241,.3);transition:transform .3s ease,box-shadow .3s ease}.blog-post-image:hover{transform:scale(1.02);box-shadow:0 20px 40px rgba(102,252,241,.5)}.footer-style{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:var(--body-font);font-size:1rem;color:rgb(0,0,0);font-weight:400;background-color:rgb(255,255,255);width:100%;height:auto;border:1px solid rgb(255,255,255)}@media (hover:none){button{transition:none}button,button:hover{opacity:1;background-color:rgb(255,255,255);border:1px solid transparent}button:active{opacity:.8;transform:scale(.95);transition:opacity .1s ease,transform .1s ease,border .1s ease}.nav__header-IMG{transition:none}.nav__header-IMG,.nav__header-IMG:hover{opacity:1;border:2px outset rgb(218,218,218)}.nav__header-IMG:active{opacity:.8;border:2px inset rgb(218,218,218);transform:scale(.95);transition:opacity .1s ease,transform .1s ease,border .1s ease}.hero-section__proPhoto{transition:opacity .1s ease,transform .1s ease,border .1s ease;cursor:default}.hero-section__proPhoto,.hero-section__proPhoto:hover{transform:none;background:linear-gradient(var(--background-angle,0deg),#ffffff,#66fcf1,#003cff);box-shadow:1px -5px 15px rgba(255,255,255,.8),-2px -2.5px 5px rgba(102,252,241,.6),1px 10px 15px rgba(0,60,255,.5);animation:spinGlow 10s linear infinite}.hero-section__proPhoto:active{opacity:.8;transform:scale(.95);transition:opacity .1s ease,transform .1s ease,border .1s ease;animation:spinGlow 10s linear infinite}.hero-section__proPhoto-container:hover .hero-section__chat-box{opacity:0}.hero-section__chat-box{animation:waveGlow 4s linear infinite;opacity:0;transition:none;pointer-events:none}.portfolio__visit-website-button{transition:none}.portfolio__visit-website-button,.portfolio__visit-website-button:hover{opacity:1;background:rgb(255,255,255)!important;color:rgb(0,0,0)!important;border:2px solid rgb(255,255,255)!important}.portfolio__visit-website-button:active{opacity:.8;transform:scale(.95);border:2px inset rgb(255,255,255)!important;transition:opacity .1s ease,transform .1s ease,border .1s ease}}@media screen and (max-width:374px){.portfolio-section h1{font-size:1.5rem!important;line-height:1.5}}@media screen and (min-width:375px){.hero-section__image{width:30vw;height:200px}}@media screen and (min-width:450px){.hero-section__image{width:30vw;height:300px}nav{flex-direction:row}nav,nav ul{justify-content:center}nav ul{width:auto}.portfolioImgs{width:100%!important;height:100%!important}.contactme_email-form button{margin-top:2px;border-radius:15px;font-size:1rem;color:black;width:15vw;height:10vh;border:1px solid transparent}}@media screen and (min-width:540px){.hero-section__image{width:30vw;height:300px}.nav-sidebar{width:75%}nav li{height:auto}.portfolioImgs{width:100%!important;height:100%!important}}@media screen and (orientation:landscape){.nav-sidebar{width:100%}.nav-sidebar.open{gap:5vh}.hero-section{width:100%;height:auto}.hero-section__image{width:25%;height:25%}.hero-section__name{font-size:2.2rem}.hero-section__title{font-size:1rem}.responsive-logo{width:20%;max-width:30vw;height:30%}.about-section{width:100%;height:auto;display:flex}.about-section-skills-img{height:40%;width:50%}.portfolio-section{width:100%;height:auto;display:flex;padding:0}.portfolio-section h1{width:100%;font-size:1.5rem!important}.portfolio-section h3{box-sizing:border-box;width:100%;font-size:1rem;padding:0}.portfolio__outer-container{height:80%;width:90%;display:flex;justify-content:center;align-items:center}.portfolio__inner-container{height:75vh}.portfolioImgs{object-fit:cover;height:80vh}.contactme_email-form{width:100%;height:auto;font-size:1rem}.contactme_email-form h1{width:auto;font-size:1.1rem}.contactme_email-form label{font-size:1.25rem;height:auto;width:auto}.contactme_email-form input{height:10vh;width:40vw}.contactme_email-form textarea{width:80vw;height:25vh;font-size:.75rem;border-radius:15px}.contactme_email-form button{margin-top:2px;border-radius:15px;color:black;width:15vw;height:15vh}}@media screen and (min-width:800px){header{justify-content:space-between}nav{flex-grow:1;align-items:center;flex-direction:row}nav,nav ul{width:auto}nav,nav li,nav ul{justify-content:center}nav li{display:inline-flex;align-items:center}nav a{font-size:1rem;color:black;text-decoration:none}.nav__container-contactme{border-radius:15px;display:flex;justify-content:flex-end;align-items:center;flex-grow:0;margin-right:2vw}.nav__contactme-button{border-radius:15px;width:10vw;border:2px outset rgb(218,218,218)}.nav__header-logo{justify-content:flex-start;align-items:center;flex-grow:0;width:auto;margin-left:2vw}.nav__header-logo img{width:50px;height:50px;border-radius:15px}.personalSignature{display:none}.nav-sidebar,.nav-sidebar.open,.nav__menu-sidebar{display:none!important}.nav__menu-hide-on-mobile{display:flex}.nav__menu-hide-on-mobile a{text-decoration:none}.nav__menu-hide-on-mobile a:hover{color:rgb(0,4,255);text-decoration:none}.hero-section{width:100%;height:auto}.hero-section__image{width:200px;height:300px;object-fit:cover;border-radius:50%;box-shadow:2px 2px 10px white}.hero-section__name{font-size:5.5rem}.hero-section__title{font-size:2.5rem}.logo-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.responsive-logo{width:20%;max-width:30vw;height:30%}.about-section{width:100%;height:auto;display:flex;padding:0}.about-section-skills-img{height:40%;width:50%}.mainframe-cards{flex-direction:row;width:90vw}.comprehensiveSkills{color:rgba(0,56,176,1)}.portfolio-section{width:100%;height:auto;display:flex;padding:0}.portfolio-section h1{width:100%;font-size:2.5rem!important}.portfolio-section h3{box-sizing:border-box;width:100%;font-size:1.5rem;padding:0}.portfolio__visit-website-button{margin-bottom:10px;background:rgb(255,255,255)!important;color:rgb(0,0,0)!important;border:2px solid rgb(255,255,255)!important}.portfolio__visit-website-button:hover{margin-bottom:10px;background:rgba(255,255,255,.924)!important;color:rgb(0,4,255)!important;border:2px inset rgb(255,255,255)!important}.portfolio__outer-container{height:90%;width:90%;display:flex;justify-content:center;align-items:center}.portfolio__inner-container{height:80vh}.portfolioImgs{object-fit:cover;height:90vh}.contactme_email-form{width:100%;height:auto;font-size:.8rem}.contactme_email-form h1{width:auto;font-size:2rem}.contactme_email-form label{font-size:1.5rem;height:auto;width:auto}.contactme_email-form input{height:10vh;width:40vw;font-size:3rem}.contactme_email-form textarea{width:80vw;height:20vh;font-size:1.25rem;border-radius:15px}.contactme_email-form button{margin-top:2px;border-radius:15px;font-size:1.5rem;color:black;width:10vw!important;height:10vh;border:1px solid transparent}.blog-featured{padding:40px}.blog-featured-inner{flex-direction:row;justify-content:space-between;gap:20px}.blog-featured-left,.blog-featured-right{width:48%}.blog-featured-left h2,.blog-featured-right h3{font-size:2.5rem}.blog-featured-right p{font-size:1.25rem}.blog-category-posts{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.blog-categories-container{max-width:75%;margin:0 auto;padding:0}.blog-category h2{font-size:2.5rem}.blog-category-posts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.back-to-top{position:fixed;bottom:50px;right:50px;z-index:999;width:50px;height:90px}.personal-blog-section{padding:40px 20px}.personal-blog-title{font-size:4rem;color:white}.personal-blog-subtitle{font-size:2.5rem;color:white}.personal-blog-profile{flex-direction:row;gap:30px}.personal-blog-profile-img{width:80px;height:80px}.personal-blog-profile-name{font-size:2.2rem}.personal-blog-content{max-width:50%;margin:0 auto;padding:30px}.personal-blog-date{font-size:1.3rem;margin:12px 0 50px}.blog-image-container{margin:30px auto}.blog-post-image{border-radius:12px}}@media screen and (min-width:1200px){.blog-post-image{height:200px}.blog-post-content h3{font-size:1.3rem}.blog-post-content p{font-size:1rem}}.hero-container__text-intro{flex-flow:row wrap}.hero-container__text-intro,.hero-container__text-intro span{display:flex;align-items:center;justify-content:center}@keyframes fadeContent{0%{opacity:1}20%{opacity:1}25%{opacity:0}to{opacity:0}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}