body{margin:0;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive;background:#0ff;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.3) 10px,rgba(255,255,255,.3) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px);line-height:1.6;color:navy;animation:bgShift 20s linear infinite}@keyframes bgShift{0%{background-position:0 0,0 0}to{background-position:100px 100px,-100px -100px}}code{font-family:Courier New,monospace;background:#ff0;padding:2px 4px;border:1px solid #FF00FF}hr{display:block;height:5px;border:0;border-top:3px ridge #FF00FF;border-bottom:3px groove #FFFF00;margin:1.5em 0;padding:0;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f)}a{text-decoration:underline;color:#00f;font-weight:700}a:visited{color:purple}a:hover{color:red;background:#ff0}.AppContent{display:block;margin:20px auto;max-width:900px;padding:20px;background:#fff;border:5px ridge #FF00FF;box-shadow:10px 10px navy}.Footer{margin:20px}.FooterContent{display:block;margin-left:auto;margin-right:auto;max-width:900px;padding:15px;background:#ff0;border:3px dashed #FF00FF;text-align:center;font-size:12px}.Header{margin:20px auto;max-width:900px;padding:0;text-align:center;background:linear-gradient(180deg,#f0f,#0ff);border:5px outset #FFFF00;box-shadow:10px 10px navy}.Header-banner{background:red;color:#ff0;font-weight:700;font-size:18px;padding:5px;border-bottom:3px solid #000000}.Header-title{font-size:48px;font-weight:700;margin:20px 0 10px;color:#ff0;animation:rotate3d 4s ease-in-out infinite;transform-style:preserve-3d}@keyframes rotate3d{0%{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);text-shadow:-3px 3px 0px #000000,-5px 5px 0px #FF00FF,-7px 7px 0px #00FFFF}25%{transform:perspective(1000px) rotateY(0) rotateX(0);text-shadow:0px 4px 0px #000000,0px 6px 0px #FF00FF,0px 8px 0px #00FFFF}50%{transform:perspective(1000px) rotateY(5deg) rotateX(-2deg);text-shadow:3px 3px 0px #000000,5px 5px 0px #FF00FF,7px 7px 0px #00FFFF}75%{transform:perspective(1000px) rotateY(0) rotateX(0);text-shadow:0px 4px 0px #000000,0px 6px 0px #FF00FF,0px 8px 0px #00FFFF}to{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);text-shadow:-3px 3px 0px #000000,-5px 5px 0px #FF00FF,-7px 7px 0px #00FFFF}}.blink{animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.Header-subtitle{font-weight:700;font-size:24px;color:#fff;text-shadow:2px 2px 0px #000000;margin:10px 0 20px}.Header-nav{padding:15px;background:#fff;border-top:3px ridge #000000;border-bottom:3px groove #000000}.nav-buttons{margin-bottom:15px}.nav-button{display:inline-block;margin:5px 10px;padding:8px 16px;background:linear-gradient(180deg,#ff0,orange);border:3px outset #FFD700;color:navy;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;box-shadow:3px 3px #000}.nav-button:hover{background:linear-gradient(180deg,#0f0,#0ff);border:3px inset #00FF00}.nav-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.nav-link{color:#00f;font-weight:700;text-decoration:underline}.Header-counter{background:#000;color:#0f0;padding:10px;font-family:Courier New,monospace;font-weight:700;display:flex;justify-content:center;align-items:center;gap:15px}.counter-text{font-size:14px}.Footer{padding-top:20px}.Footer-badges{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.badge{background:linear-gradient(135deg,silver,gray);border:3px outset #FFFFFF;padding:3px;box-shadow:3px 3px #000}.badge-inner{background:linear-gradient(135deg,#00f,navy);color:#fff;padding:6px 12px;font-family:Courier New,monospace;font-weight:700;font-size:11px;border:1px solid #FFFFFF;letter-spacing:1px}.Footer-copyright{margin-bottom:15px;font-size:14px;line-height:1.8}.blink-slow{animation:blink 2s step-start infinite;color:red}.Footer-webring{background:linear-gradient(90deg,#f0f,#0ff,#f0f);border:3px ridge #FFFFFF;padding:15px;margin:15px 0}.webring-title{font-weight:700;font-size:18px;color:#000;text-shadow:1px 1px 0px #FFFFFF;margin-bottom:10px}.webring-nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.webring-link{background:#ff0;color:navy;padding:5px 12px;border:2px outset #FFD700;font-weight:700;text-decoration:none;box-shadow:2px 2px #000}.webring-link:hover{background:#0f0;border:2px inset #00FF00}.webring-sep{color:#000;font-weight:700;font-size:18px}.Footer-lastupdate{margin-top:15px;font-size:11px;font-family:Courier New,monospace;color:navy}article{margin-bottom:2em;padding:20px;background:linear-gradient(135deg,#ffe4e1,#e0ffff);border:4px double #FF00FF;box-shadow:5px 5px navy}article h1{color:red;text-shadow:2px 2px 0px #FFFF00;border-bottom:3px dotted #00FF00;padding-bottom:10px;font-size:32px}section{margin-bottom:2em;padding:15px;background:#fffacd;border:2px solid #FF69B4}.Experience h2{color:#00f;font-size:18px;background:linear-gradient(90deg,#ff0,#0ff);padding:8px;border:2px outset #FFD700;margin-bottom:10px}.Experience h2 .date{color:red;font-weight:700}.Experience h2 .location{font-weight:400;color:green}.Experience h3{color:purple;font-style:italic}.Experience ul{background:#fff;border:2px inset #C0C0C0;padding:15px 15px 15px 35px}.Projects-intro{color:red;font-weight:700;background:#ff0;padding:10px;border:2px dashed #FF00FF;text-align:center}.Project{background:#e0ffe0;padding:15px;margin:15px 0;border:3px groove #00FF00}.Project h2{margin-top:0;margin-bottom:10px;color:#f0f;font-size:22px;text-decoration:underline}.Project-links{font-weight:400;margin-bottom:10px}.Project-link{display:inline-block;padding:6px 12px;margin-right:8px;margin-bottom:5px;font-size:14px;background:linear-gradient(180deg,orange,tomato);border:2px outset #FF4500;color:#fff;font-weight:700;text-decoration:none;box-shadow:2px 2px #000}.Project-link:hover{background:linear-gradient(180deg,#0f0,#0ff);border:2px inset #00FF00;text-decoration:none}
