@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";*{margin:0;box-sizing:border-box}body,html{height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow-x:hidden}body{background-color:#003;background-image:radial-gradient(1px 1px at 10% 20%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 30% 60%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 50% 10%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 70% 40%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 90% 80%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 15% 85%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 45% 45%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 75% 15%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 85% 55%,#fff 50%,transparent 50%),radial-gradient(2px 2px at 25% 35%,#ffd700 50%,transparent 50%),radial-gradient(2px 2px at 65% 75%,#ffd700 50%,transparent 50%),radial-gradient(1px 1px at 5% 50%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 55% 90%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 35% 5%,#fff 50%,transparent 50%),radial-gradient(1px 1px at 95% 30%,#fff 50%,transparent 50%);background-attachment:fixed;color:#0f0;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><text y="15" font-size="15">✨</text></svg>'),auto}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:9998}.sparkle{position:fixed;pointer-events:none;z-index:9999;font-size:10px;animation:sparkleAnim .8s ease-out forwards}@keyframes sparkleAnim{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0) translateY(-20px)}}.marquee-banner{background:linear-gradient(90deg,#ff00ff,#00ffff,#ffff00,#ff00ff);background-size:400% 100%;animation:marqueeGradient 3s linear infinite;color:#000;font-family:Comic Neue,Comic Sans MS,cursive;font-weight:700;font-size:14px;padding:6px 0;text-align:center;border-top:3px solid #ff00ff;border-bottom:3px solid #00ffff;z-index:5;position:relative;overflow:hidden;white-space:nowrap}.marquee-banner span{display:inline-block;animation:marqueeScroll 12s linear infinite;background:none}@keyframes marqueeScroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes marqueeGradient{0%{background-position:0% 50%}to{background-position:400% 50%}}.visitor-counter{text-align:center;margin:15px auto;font-family:VT323,monospace;font-size:18px;color:#ff0;z-index:1;position:relative}.visitor-counter .counter-box{display:inline-block;background:#111;border:2px inset #666;padding:4px 12px;font-family:VT323,monospace;color:#0f0;font-size:22px;letter-spacing:4px}.under-construction{text-align:center;margin:10px auto;z-index:1;position:relative}.under-construction span{font-family:Comic Neue,Comic Sans MS,cursive;color:#ff0;font-size:16px;animation:blink2006 1s step-end infinite}@keyframes blink2006{50%{opacity:0}}.guestbook-link{text-align:center;margin:10px auto;z-index:1;position:relative}.guestbook-link a{font-family:Comic Neue,Comic Sans MS,cursive;color:#ff69b4;font-size:16px;text-decoration:underline;animation:colorCycle 3s linear infinite}@keyframes colorCycle{0%{color:#ff69b4}25%{color:#0ff}50%{color:#ff0}75%{color:tomato}to{color:#ff69b4}}h1{font-family:"Press Start 2P",monospace;font-size:36px;text-align:center;margin-top:5%;z-index:1;position:relative;color:#f0f;text-shadow:3px 3px 0px #000,-1px -1px 0px #000,0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 40px #ff00ff;animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:3px 3px 0px #000,-1px -1px 0px #000,0 0 10px #ff00ff,0 0 20px #ff00ff}to{text-shadow:3px 3px 0px #000,-1px -1px 0px #000,0 0 20px #ff00ff,0 0 40px #ff00ff,0 0 80px #ff00ff}}h2{font-family:VT323,monospace;font-size:28px;color:#0ff;z-index:1;position:relative;text-align:center;margin-top:5px;text-shadow:2px 2px 0px #000,0 0 10px #00ffff}h3{font-family:Comic Neue,Comic Sans MS,cursive;font-size:22px;text-align:center;margin-top:12px;margin-bottom:8px;color:#ff69b4;text-shadow:1px 1px 0px #000}nav a:link{text-decoration:none;font-family:Comic Neue,Comic Sans MS,cursive;font-size:18px;color:#0f0;transition:all .2s}a:visited{color:#ff69b4}.nav-links{display:flex;justify-content:center;z-index:10;position:relative;background:rgba(0,0,51,.9);border-bottom:3px ridge #666;border-top:3px ridge #666;padding:5px 0}.nav-links a{padding:10px 20px;color:#0f0!important;font-weight:700;text-transform:uppercase;font-size:16px;border-right:1px solid #333;transition:all .2s}.nav-links a:last-child{border-right:none}.nav-links a:hover{background:#ff00ff;color:#fff!important;text-decoration:none;text-shadow:0 0 10px #fff}.logo-name{text-align:center;padding:10px;z-index:10;position:relative}.logo-name a{font-family:"Press Start 2P",monospace;font-weight:700;font-size:18px;color:#ff0!important;text-decoration:none;text-shadow:2px 2px 0px #ff6600;display:block;text-align:center}.hero-section{display:flex;align-items:center;justify-content:center;gap:30px;padding:3% 8%;z-index:1;position:relative;flex-wrap:wrap}.photo{width:200px;height:200px;object-fit:cover;border-radius:0;flex-shrink:0;border:4px ridge #c0c0c0;box-shadow:0 0 10px #f0f,0 0 20px #0ff,inset 0 0 10px #ff00ff4d;transition:all .3s ease;animation:photoPulse 3s ease-in-out infinite}.photo:hover{transform:rotate(5deg) scale(1.1);box-shadow:0 0 20px #f0f,0 0 40px #0ff,0 0 60px #ff0}@keyframes photoPulse{0%,to{box-shadow:0 0 10px #f0f,0 0 20px #0ff}50%{box-shadow:0 0 20px #0ff,0 0 40px #f0f}}.about-me{padding:20px;font-size:18px;font-family:Comic Neue,Comic Sans MS,cursive;max-width:600px;color:#fff;z-index:1;line-height:1.8;background:#000066;border:3px ridge #c0c0c0;margin:0;text-shadow:1px 1px 0px #000}.projects h1{color:#0ff;text-shadow:3px 3px 0px #000,0 0 10px #00ffff,0 0 20px #00ffff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;width:90%;margin:2% auto;z-index:1;position:relative}.project{background:#000066;border:3px ridge #c0c0c0;padding:10px;transition:all .3s;text-align:center}.project:hover{border-color:#f0f;box-shadow:0 0 10px #f0f,0 0 20px #0ff;transform:scale(1.03)}.project-image{width:100%;height:220px;object-fit:cover;border:2px solid #333;transition:all .3s}.project:hover .project-image{border-color:#0ff}.project-git-img{width:70px;filter:invert(1);transition:all .3s;display:block;margin:8px auto 0}.project-git-img:hover{filter:invert(1) drop-shadow(0 0 5px #ff00ff);transform:scale(1.2)}.content{position:relative;display:flex;justify-content:center;align-items:center;margin-top:3%;z-index:1}#message{background:#003300;color:#0f0;margin:10px 0;padding:12px;border:2px ridge #00ff00;font-family:VT323,monospace;font-size:20px}#validation-error{background:#330000;color:#f33;margin:10px 0;padding:12px;border:2px ridge #ff3333;font-family:VT323,monospace;font-size:20px}#validation-error.hidden{display:none}.contact-container{font-size:18px;padding:25px;font-family:Comic Neue,Comic Sans MS,cursive;max-width:600px;margin:2% auto;background:#000066;border:3px ridge #c0c0c0;z-index:1;position:relative;color:#fff}label{color:#ff0;font-weight:700;font-family:Comic Neue,Comic Sans MS,cursive}input[type=text],select,textarea{font-family:VT323,monospace;width:100%;font-size:18px;padding:10px;border:2px inset #999;background:#001133;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical;color:#0f0}input[type=text]:focus,textarea:focus{outline:none;border-color:#f0f;box-shadow:0 0 10px #f0f}input[type=text]::placeholder,textarea::placeholder{color:#363}input[type=submit]{background:linear-gradient(180deg,#ff69b4,#ff1493);color:#fff;padding:12px 30px;border:3px outset #ff69b4;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:14px;width:auto;min-width:200px;transition:all .2s;text-shadow:1px 1px 0px #000}input[type=submit]:hover{background:linear-gradient(180deg,#ff1493,#ff69b4);border-style:inset;box-shadow:0 0 15px #ff69b4}input[type=submit]:active{border-style:inset;transform:translateY(2px)}.submit-container{display:flex;justify-content:center;margin-top:10px}.social img{width:35px;margin:8px 12px;filter:invert(1);transition:all .3s}.social img:hover{filter:invert(1) drop-shadow(0 0 8px #ff00ff) drop-shadow(0 0 15px #00ffff);transform:scale(1.3) rotate(-10deg)}.social{display:flex;justify-content:center;align-items:center;margin-top:10px;height:auto;background:none!important}.footer-p{background:none!important;height:auto;padding:8px 0 15px}.all-footer-section{text-align:center;font-family:Comic Neue,Comic Sans MS,cursive;font-size:14px;color:#aaa;background:#000022;border-top:3px ridge #666;margin-top:auto;padding:10px 0;z-index:1;position:relative}.social a{text-decoration:none;display:inline-block;font-size:0;background:none!important}.skills img{position:relative;margin-top:5%;margin-left:10%;z-index:1}.nav-all-things{z-index:10;position:relative;background:#000022}.nav-all-things .icon{display:none}#loading-div{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,51,.95);display:flex;justify-content:center;align-items:center;z-index:1000}.loader{width:50px;height:50px;border:4px solid #333;border-top:4px solid #ff00ff;border-right:4px solid #00ffff;border-bottom:4px solid #ffff00;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}a{transition:all .2s}.neon-hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#ff00ff,#00ffff,#ffff00,#ff00ff,transparent);background-size:200% 100%;animation:neonLine 2s linear infinite;margin:15px 10%;z-index:1;position:relative}@keyframes neonLine{0%{background-position:0% 50%}to{background-position:200% 50%}}@media only screen and (max-width: 768px){h1{margin-top:20%;font-size:22px}h2{margin-top:2%;text-align:center;position:relative;font-size:22px}.hero-section{flex-direction:column;padding:5% 15px}.photo{width:180px;height:180px}.nav-all-things{position:relative}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links a{padding:8px 12px;font-size:14px;border-right:none;border-bottom:1px solid #333}.about-me{font-size:16px;padding:15px}.skills{display:flex;width:60%;margin-top:10%}.skills img{width:calc(30% - 20px);margin:0 12px;transition:transform .5s ease-in-out}.projects h1{font-size:22px}.project-grid{display:grid;grid-template-columns:repeat(1,1fr);margin:0 5%;width:90%}.all-footer-section{margin-top:10%}.contact-container{margin:5% 15px}#contact-form{margin-top:5%}}@media only screen and (min-width: 786px) and (max-height: 393px) and (orientation: landscape){h2{margin-top:2%}.all-footer-section{margin-top:10%}.about-me{font-size:16px}}@media only screen and (min-width: 896px) and (max-height: 414px) and (orientation: landscape){h2{margin-top:2%}.all-footer-section{margin-top:10%}.about-me{font-size:16px}}