:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#d3d3d3}body{margin:0;font-family:Arial,sans-serif;background-color:#f0f2f5}.container{max-width:1200px;margin:0 auto;padding:16px}.flex{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}h1,h2,h3,h4,h5,h6{margin:0;padding:8px 0}h1{font-size:2.5rem}h2{font-size:2rem}@media (max-width: 1200px){h1{font-size:2rem}}@media (max-width: 992px){h1{font-size:1.75rem}h2{font-size:1.5rem}}@media (max-width: 768px){.container{padding:8px}h1{font-size:1.5rem}.flex{flex-direction:column}}:root{background-color:#001529}.logo{height:64px;display:flex;align-items:center;justify-content:center;margin:16px;padding-left:0;transition:height .3s ease}.logo.collapsed{width:45px}.logo img{width:200px;height:84px;transition:height .3s ease}.logo.collapsed img{width:65px}.header{padding:0}.collapse-button{font-size:16px;width:64px;height:64px}.content{margin:24px 16px;padding:24px;min-height:280px;border-radius:8px;background:#f0f2f5}.ant-layout-sider{background:#001529;position:fixed;height:100%;overflow:auto;z-index:1000}.ant-menu{border-right:0}.ant-menu-item{color:#ffffffd9}.ant-menu-item:hover{background:#ffffff1a}.ant-menu-item-selected{background:#fff3}@media (max-width: 1200px){.logo{height:56px}.content{margin:16px;padding:16px}}@media (max-width: 992px){.logo{height:48px}.collapse-button{width:48px;height:48px}.content{margin:12px;padding:12px}}@media (max-width: 768px){.ant-layout-sider{width:80px}.logo img{width:50px;height:auto}.ant-menu-item{font-size:12px}.collapse-button{width:40px;height:40px}}.home{max-width:900px;margin:0 auto;padding:20px;text-align:center;border-radius:8px}.banner{background-size:cover}.h1{font-size:3em;color:#001529;margin-bottom:10px}h2{font-size:2.5em;color:#001529;margin-bottom:20px}h2.animated{font-size:2.25em;color:#001529;transition:opacity .5s ease;background:linear-gradient(90deg,#001529,#001529);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:5px;border-radius:5px}.animated:hover{opacity:.8;transform:scale(1.05);transition:transform .3s ease,opacity .3s ease}@media (max-width: 1200px){.home{padding:15px;max-width:95%}.h1{font-size:2.5em}h2{font-size:2em}}@media (max-width: 992px){.home{padding:10px;max-width:95%}.h1{font-size:2em}h2{font-size:1.75em}}@media (max-width: 768px){.home{padding:0;max-width:100px}.banner{display:none}.h1{font-size:1.75em}h2,h2.animated{font-size:1.5em}}:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg.svg-inline--fa:not(:root),svg.svg-inline--fa:not(:host){overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width, 1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);transform:scale(var(--fa-counter-scale, .25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .08em);padding:var(--fa-border-padding, .2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, .3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, .3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media (prefers-reduced-motion: reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index, auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.skills-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;text-align:center;padding:20px}h1{font-size:2.5em;color:#333;margin-bottom:30px}.icon-row{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.icon{font-size:10em;transition:transform .3s ease,box-shadow .3s ease}.icon:hover{transform:scale(1.1)}@media (max-width: 1200px){h1{font-size:2.2em;margin-bottom:25px}.icon{font-size:8em}}@media (max-width: 992px){h1{font-size:2em;margin-bottom:20px}.icon{font-size:6em}}@media (max-width: 768px){h1{font-size:1.75em;margin-bottom:15px}.icon{font-size:5em;display:flex;justify-content:center;gap:1px}}.work-container{max-width:800px;margin:0 auto;padding:20px;text-align:left;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a}h1{font-size:3em;color:#001529;margin-bottom:20px}p{color:#001529;font-size:1.7em;line-height:1.6;margin-bottom:15px}a{font-size:1.7em;line-height:1.6;margin-bottom:25px;color:#fff}.projects{display:flex;align-items:center;justify-content:space-evenly;margin:20px;padding-right:15%}.first{box-sizing:border-box;width:190px;height:254px;background:#d9d9d994;border:1px solid white;box-shadow:12px 17px 51px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;text-align:center;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-weight:bolder;color:#000;background-image:url(/assets/portfolio-CLR3pz-I.jpg);background-size:cover;background-position:center}.yelp{box-sizing:border-box;width:275px;height:254px;background:#d9d9d994;border:1px solid white;box-shadow:12px 17px 51px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;text-align:center;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-weight:bolder;color:#000;background-image:url(/assets/Yelp-DFaNlGRu.jpg);background-size:cover;background-position:center}.Mayor{box-sizing:border-box;width:275px;height:254px;background:#d9d9d994;border:1px solid white;box-shadow:12px 17px 51px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;text-align:center;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-weight:bolder;color:#000;background-image:url(/assets/Mayor-fpqBXCqQ.jpg);background-size:cover;background-position:center}.TaskSphere{box-sizing:border-box;width:275px;height:254px;background:#d9d9d994;border:1px solid white;box-shadow:12px 17px 51px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;text-align:center;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-weight:bolder;color:#000;background-image:url(/assets/TaskSphere-zGpooXFD.jpg);background-size:cover;background-position:center}.first:hover,.yelp:hover,.Mayor:hover,.TaskSphere:hover{border:1px solid black;transform:scale(1.05)}.first:active,.yelp :active,.Mayor :active,.TaskSphere :active{transform:scale(.95) rotate(1.7deg)}@media (max-width: 768px){.work-container{padding:15px}h1{font-size:2em}p,a{font-size:1em}a{margin-bottom:102px;color:#f8f8f8}.projects{flex-direction:column}}.container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;background-color:#f9f9f9}h1{text-align:center;color:#333}label{display:block;margin-bottom:5px;font-weight:700}input,textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}input:focus,textarea:focus{border-color:#007bff;outline:none}button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#0056b3}.status{text-align:center;color:#28a745;margin-top:10px}@media (max-width: 768px){.container{max-width:350px;width:300px;margin-left:-40px;padding:15px}h1{font-size:1.8em}input,textarea,button{font-size:14px}}