@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";:root{--sifi-teal: #2692a5;--sifi-orange: #f8a912;--sifi-red: #f6333c;--sifi-gray: #dadada;--bg-ugly: #808080;--bg-purple: #663399;--lime-green: #00ff00;--hot-pink: #ff00ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Comic Neue,Chalkboard SE,cursive;background:var(--bg-ugly);background-image:url(data:image/gif;base64,R0lGODlhCgAKAIAAAOLi4v///yH5BAAAAAAALAAAAAAKAAoAAAIRhB2ZhxoM3GMSirqTfhdxvFQAOw==);min-height:100vh;color:#000}.container{max-width:600px;margin:0 auto;padding:10px;text-align:center;background:var(--sifi-gray);border:3px ridge var(--sifi-teal)}.header{background:linear-gradient(180deg,var(--sifi-teal) 0%,#1a5a6b 100%);padding:15px;border:5px outset var(--sifi-orange);margin-bottom:10px}.main-title{font-family:Times New Roman,serif;font-size:clamp(20px,6vw,36px);color:var(--sifi-orange);text-shadow:2px 2px 0px #000,-1px -1px 0px var(--sifi-red);text-transform:uppercase;letter-spacing:-1px}.subtitle{font-size:clamp(16px,4vw,24px);color:#fff;font-weight:700;margin-top:5px}@keyframes blink{0%,49%{visibility:visible}50%,to{visibility:hidden}}.blink{animation:blink 1s step-start infinite}.marquee-container{background:var(--sifi-red);color:#fff;padding:8px 0;overflow:hidden;border:2px inset #000;margin:10px 0}.marquee-text{display:inline-block;white-space:nowrap;animation:marquee 12s linear infinite;font-size:18px;font-weight:700}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.gif-row{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:10px 0}.retro-gif{width:70px;height:70px;object-fit:cover;border:2px solid #000;image-rendering:pixelated}.under-construction{display:flex;align-items:center;justify-content:center;gap:5px;background:repeating-linear-gradient(45deg,#ff0,#ff0 10px,#000 10px 20px);padding:10px;margin:15px 0;border:3px solid #000}.under-construction span{background:#000;color:#ff0;padding:5px 10px;font-weight:700;font-size:14px}.section{background:#fff;border:3px inset var(--sifi-teal);padding:15px;margin:15px 0;text-align:left}.section-title{font-family:Arial Black,sans-serif;font-size:clamp(14px,4vw,20px);color:var(--sifi-red);text-align:center;margin-bottom:10px;background:var(--sifi-orange);padding:5px;border:2px outset var(--sifi-orange)}.section-content{font-size:clamp(14px,3.5vw,18px);line-height:1.5;color:#000}.section-content strong{color:var(--sifi-red)}.retro-button{font-family:"MS Sans Serif",Arial,sans-serif;font-size:clamp(11px,3vw,14px);padding:8px 16px;margin:5px;border:3px outset #dfdfdf;background:linear-gradient(180deg,#dfdfdf,silver);color:#000;cursor:pointer;text-transform:none}.retro-button:hover{background:linear-gradient(180deg,silver,#a0a0a0)}.retro-button:active{border-style:inset}.visitor-counter{background:#000;border:3px inset #808080;padding:8px 15px;display:inline-block;margin:15px 0}.visitor-counter span{font-family:Courier New,monospace;font-size:20px;color:var(--lime-green);background:#010;padding:3px 8px;border:1px solid var(--lime-green);letter-spacing:3px}hr{border:none;height:3px;background:linear-gradient(90deg,var(--sifi-teal),var(--sifi-orange),var(--sifi-red));margin:15px 0}.accordion-root{width:100%;margin:15px 0}.accordion-item{background:#fff;border:3px outset var(--sifi-teal);margin-bottom:5px}.accordion-trigger{font-family:Comic Sans MS,Comic Neue,cursive;width:100%;padding:12px 15px;background:linear-gradient(180deg,var(--sifi-teal) 0%,#1a6a7d 100%);color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;font-size:clamp(14px,4vw,18px);font-weight:700;text-align:center}.accordion-trigger:hover{background:linear-gradient(180deg,#2da8bd 0%,var(--sifi-teal) 100%)}.accordion-trigger[data-state=open]{background:var(--sifi-orange);color:#000}.accordion-arrow{font-size:18px;transition:transform .2s}.accordion-trigger[data-state=open] .accordion-arrow{transform:rotate(180deg)}.accordion-content{overflow:hidden;background:#fff;padding:0}.accordion-content[data-state=open]{padding:15px;border-top:2px solid var(--sifi-teal)}.accordion-content[data-state=closed]{display:none}.accordion-content ul,.section-content ul{padding-left:25px;text-align:left}.accordion-content li,.section-content li{margin-bottom:8px;text-align:left}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0}.gallery-item{border:3px inset #808080;background:silver;padding:3px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-placeholder{color:#000;font-size:12px;text-align:center}.photo-gallery-fullwidth{display:flex;flex-direction:column;gap:15px;padding:10px 0}.gallery-item-fullwidth{border:3px inset #808080;background:silver;padding:5px;position:relative;overflow:hidden}.gallery-item-fullwidth img{width:100%;height:auto;display:block}.gallery-loading-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,silver,#d8d8d8,silver);background-size:200% 100%;animation:shimmer 1.5s infinite;color:#666;font-size:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skills-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}.skills-table td,.skills-table th{border:2px solid #000;padding:8px;text-align:left}.skills-table tr:nth-child(odd){background:var(--sifi-gray)}.skills-table tr:nth-child(2n){background:#fff}.footer{margin-top:20px;padding:15px;background:var(--sifi-teal);border:3px ridge var(--sifi-orange);color:#fff}.footer-text{font-size:14px;margin-bottom:5px}.footer-link{color:var(--sifi-orange);font-weight:700}.hit-counter-badge{background:#000;color:var(--lime-green);padding:3px 8px;font-family:Courier New,monospace;border:2px inset #808080;display:inline-block;margin:10px}.webring-badge{display:inline-block;background:#000;padding:2px;margin:10px;border:2px outset #808080}.webring-badge-inner{background:var(--sifi-gray);padding:5px 15px;font-size:12px;color:#000;border:1px solid #000}.email-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0}a{color:var(--sifi-teal)}a:visited{color:var(--bg-purple)}a:hover{color:var(--sifi-red)}.rainbow-divider{height:8px;background:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet,red,orange,#ff0,green,#00f,indigo,violet);margin:10px 0;border:1px solid #000}.badge-new{display:inline-block;background:var(--sifi-red);color:#fff;padding:2px 6px;font-size:10px;font-weight:700;animation:blink 1s step-start infinite;margin-left:5px}.badge-hot{display:inline-block;background:var(--sifi-orange);color:#000;padding:2px 6px;font-size:10px;font-weight:700}.center-image{display:block;margin:10px auto}.ugly-table{width:100%;border:3px ridge var(--sifi-teal);background:#fff;margin:10px 0}.ugly-table td{padding:10px;border:1px solid #000;vertical-align:top}.guestbook-link{background:var(--sifi-orange);color:#000!important;padding:5px 15px;border:3px outset var(--sifi-orange);text-decoration:none;display:inline-block;margin:10px;font-weight:700}.guestbook-link:hover{border-style:inset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 3s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bounce{animation:bounce .5s ease-in-out infinite}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:150vh;height:150dvh;pointer-events:none;z-index:9999}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px);pointer-events:none}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 70%,rgba(0,0,0,.12) 100%);pointer-events:none}@media(max-width:480px){.section-content p{margin-bottom:10px}}