@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);h1,h2,h3,p{flex-direction:row;align-content:center}a:hover,p{color:#f0f}.l1 a,.menu-toggle{display:none}li,li a,main,nav ul li,nav ul li a{position:relative}.grid-item,a.cta-button,h1,h2,h3,p{align-content:center}#learning::before,#services::before,#skills::before{right:0;bottom:0;animation:20s linear infinite matrixBg;top:0;left:0}.notification,header{z-index:1000;position:fixed}footer,header{background:rgba(26,26,26,.9)}footer ul,li,nav ul,nav ul li{list-style-type:none}#matrix,.notification,header{position:fixed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Courier New",Courier,monospace;background-color:#0d0d0d;color:#0f0;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3{display:flex;font-family:Matrix,'Courier New',monospace;color:#0f0;text-shadow:0 0 10px #0f0;flex-wrap:wrap;justify-content:center;align-items:center}a{color:#0f0;transition:.3s;text-decoration:underline}a.cta-button,nav,nav ul,p{display:flex}p{flex-wrap:wrap;justify-content:center;margin:20px 0}a.cta-button{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px 20px;margin-top:20px;background-color:#0f0;color:#0d0d0d;text-decoration:none;border-radius:5px;transition:.3s}a.cta-button::before{content:"\2192";margin-left:20px;transition:.3s}li::after,li::before,li:hover::before,nav ul li::after,nav ul li::before,nav ul li:hover::before{transition:opacity .3s;opacity:0;position:absolute}a.cta-button:hover,form button:hover{background-color:#f0f;box-shadow:0 0 15px #f0f}a.cta-button:hover::before{margin-left:20px}header{padding:10px 0;width:100%;animation:1s ease-in-out slideDown;box-shadow:0 0 15px #0f0}header .container{display:flex;row-gap:10px;column-gap:50px;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 20px;align-content:space-between;flex-direction:row}.logo-container{align-items:center;display:none}.home-button{margin-right:15px;color:#0f0;text-decoration:none;font-size:1.2rem}header h1{font-size:2rem;margin:0}header h3{font-size:1.2rem;margin:5px 0 0}nav{align-items:center}li,nav ul li{padding:8px 15px;margin:8px;color:#0f0;font-family:VT323,monospace;font-size:16px;transition:.3s cubic-bezier(.165, .84, .44, 1);cursor:pointer;overflow:hidden;border-radius:8px;background:rgba(0,20,0,.7);box-shadow:0 2px 8px rgba(0,255,0,.15);border:1px solid rgba(0,255,0,.2);text-transform:uppercase;letter-spacing:1px}li a,nav ul li a{color:#0f0;text-decoration:none;transition:.3s;z-index:2;display:inline-block}li::before,nav ul li::before{content:'';top:-100%;left:0;width:100%;height:200%;background:linear-gradient(180deg,transparent 0,rgba(0,255,0,.3) 45%,rgba(0,255,0,.3) 55%,transparent 100%);animation:4s linear infinite matrixRain}@keyframes matrixRain{0%{transform:translateY(-50%)}100%{transform:translateY(50%)}}li::after,nav ul li::after{content:'';bottom:0;background-size:20px 20px,20px 20px,10px 10px,10px 10px;background-position:0 0,0 0,-5px -5px,-5px -5px;transform:scale(1.1);border-radius:8px;content:'';top:0;left:0;right:0;height:1px;background:rgba(0,255,0,.3);animation:2s linear infinite scanline;z-index:3}li:hover,nav ul li:hover{background:rgba(0,30,0,.8);box-shadow:0 0 15px rgba(0,255,0,.5),inset 0 0 10px rgba(0,255,0,.3);transform:translateY(-2px) scale(1.02);animation:3s infinite y2kPulse}li:hover::after,nav ul li:hover::after{transform:scale(1);opacity:1}li:hover a,nav ul li:hover a{color:#fff;text-shadow:0 0 8px #0f0,0 0 12px #0f0}@keyframes glitch{0%,100%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px);clip:rect(0,900px,0,0)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px);clip:rect(0,900px,900px,0)}}li:hover a::before,nav ul li:hover a::before{content:attr(data-text);position:absolute;left:-2px;text-shadow:1px 0 #0ff,-2px 0 #f0f;top:0;color:#fff;background:rgba(0,20,0,.7);overflow:hidden;clip:rect(0,900px,0,0);animation:3s linear infinite alternate-reverse glitch}@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@keyframes flicker{0%,10%,100%,20%,30%,40%,50%,60%,70%,80%,90%{opacity:.95}25%,45%,5%,65%,85%{opacity:.85}15%,35%,55%,75%,95%{opacity:.9}}li a::after,nav ul li a::after{content:'|';position:absolute;right:-10px;animation:.7s infinite blink;opacity:0;transition:opacity .5s}li:hover a::after,nav ul li:hover a::after{opacity:1}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}@keyframes y2kPulse{0%,100%{background-color:rgba(0,30,0,.8)}50%{background-color:rgba(0,40,0,.8)}}li:hover::before,nav ul li:hover::before{content:attr(data-tooltip);top:-30px;left:50%;transform:translateX(-50%);background:#000;color:#0f0;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:1}@keyframes loadingDots{0%,100%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}li:active::after,nav ul li:active::after{content:'';position:absolute;right:5px;bottom:5px;font-size:12px;animation:1s infinite loadingDots}@keyframes dialUp{0%{box-shadow:0 0 0 0 rgba(0,255,0,.4)}70%{box-shadow:0 0 0 10px rgba(0,255,0,0)}100%{box-shadow:0 0 0 0 rgba(0,255,0,0)}}li:active,nav ul li:active{animation:.5s dialUp}.menu-toggle{flex-direction:column;cursor:pointer}.menu-toggle span{width:25px;height:3px;background-color:#0f0;margin:3px 0;transition:.3s}#matrix,.vincent-item,.vincent-item img{width:100%;height:100%}main{padding-top:150px;z-index:1}section{margin-bottom:20px;background-color:rgba(13,13,13,.7);padding:50px 0;border-bottom:1px solid #0f0;opacity:0;border-radius:5px;transform:translateY(20px);transition:opacity .5s,transform .5s}section.active{opacity:1;transform:translateY(0)}#introduction{padding-top:50px;text-align:center}.introduction-img{padding:130px;display:flex;justify-content:center;gap:20px;margin-top:30px;scale:1.5}.introduction-img img{max-width:200px;border-radius:10px;box-shadow:0 0 15px #0f0;transition:transform .3s}.introduction-img img:hover{transform:scale(1.05)}#learning,#services,#skills{padding:60px 0;background:rgba(0,20,0,.8);position:relative;overflow:hidden}#learning::before,#skills::before{content:'';position:absolute;background:linear-gradient(45deg,transparent 49%,rgba(0,255,0,.1) 50%,transparent 51%),radial-gradient(circle at 50% 50%,rgba(0,255,0,.05) 0,transparent 100%);background-size:10px 10px,100px 100px;z-index:1}@keyframes matrixBg{0%{background-position:0 0,0 0}100%{background-position:100% 100%,50px 50px}}#learning .container,#services .container,#skills .container{position:relative;z-index:2}#learning h2,#skills h2{font-family:VT323,monospace;font-size:3.5em;color:#0f0;text-align:center;margin-bottom:20px;text-shadow:0 0 10px rgba(0,255,0,.7);animation:5s infinite alternate glitch}#learning>p,#skills>p{text-align:center;color:#cfc;font-size:1.3em;margin-bottom:40px}.services-list,.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:0;list-style-type:none}.services-list li,.skills-list li{background:rgba(0,40,0,.6);border:1px solid #0f0;border-radius:15px;padding:25px;transition:.3s;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.services-list li:hover,.skills-list li:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 10px 20px rgba(0,255,0,.3);background:rgba(0,60,0,.8)}.services-list h3,.skills-list h3{font-family:VT323,monospace;font-size:1.8em;margin-bottom:15px;text-shadow:0 0 5px rgba(0,255,0,.5)}.services-list p,.skills-list p{color:#cfc;font-size:1em;line-height:1.6;margin-bottom:0}.learning-list li{background:rgba(0,30,0,.6)}.learning-list .progress-bar{width:100%;height:10px;background:rgba(0,255,0,.2);border-radius:5px;margin-top:15px;overflow:hidden}.learning-list .progress{height:100%;background:linear-gradient(90deg,#0f0,#0ff);border-radius:5px;transition:width .5s}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;padding:50px}.grid-item,footer ul,form{display:flex}.grid-item{background-color:rgba(17,17,17,.7);padding:25px;border:1px solid #0f0;border-radius:10px;transition:.3s;justify-content:center;flex-wrap:wrap;flex-direction:column;align-items:center}.grid-item:hover{transform:translateY(-5px);box-shadow:0 0 20px #0f0}.grid-item img{display:inline-flex;max-width:80%;margin-bottom:15px}#services::before{content:'';position:absolute;background:linear-gradient(45deg,transparent 49%,rgba(0,255,0,.1) 50%,transparent 51%);background-size:10px 10px;z-index:1}form{flex-direction:column;max-width:600px;margin:0 auto}form input,form textarea{margin-bottom:20px;padding:15px;font-size:1rem;background:rgba(26,26,26,.7);border:1px solid #0f0;color:#0f0;border-radius:5px}form button{padding:15px;font-size:1.2rem;background:#0f0;color:#0d0d0d;border:none;border-radius:5px;cursor:pointer;transition:.3s}.notification{top:20px;right:20px;padding:15px 20px;border-radius:4px;color:#fff;font-weight:700;opacity:1;transition:opacity .5s}.matrix-btn,.matrix-icon{color:#0f0;transition:.3s}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}footer{padding:30px 0;text-align:center}footer ul{justify-content:center;margin-bottom:20px}footer ul li{margin:0 15px}#matrix{top:0;left:0;z-index:-1}.matrix-btn{background:0 0;border:1px solid #0f0;padding:10px 20px;font-family:'Courier New',monospace;font-size:1rem;cursor:pointer}.matrix-btn:hover{background:#0f0;color:#0d0d0d;box-shadow:0 0 15px #0f0}.matrix-icon{font-size:2rem}.matrix-icon:hover{color:#f0f;text-shadow:0 0 10px #f0f}.vincent-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;grid-auto-flow:dense;gap:20px;padding:50px;max-width:1600px;margin:0 auto}.vincent-container{perspective:1000px;transition:transform .3s;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.wide{grid-column:span 2}.tall{grid-row:span 2}.vincent-item{transition:transform .6s;transform-style:preserve-3d}.vincent-item img{object-fit:cover}.vincent-container:hover{z-index:1;transform:scale(1.05)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f0f}@media (max-width:1200px){.vincent-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.vincent-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-item,.skill-item,nav ul,nav ul li{width:100%}.logo-container{width:100%;justify-content:space-between;margin-bottom:10px}nav,nav ul{flex-direction:column}nav{display:inline-flex}nav ul{display:none}.menu-toggle,nav ul.show{display:flex}nav ul li{margin:10px 0;text-align:center}.introduction-img{flex-direction:column;align-items:center}main{padding-top:100px}}@media screen and (max-width:600px){.vincent-gallery{grid-template-columns:1fr}.tall,.wide{grid-column:auto;grid-row:auto}}@media screen and (max-width:480px){nav ul.show{display:flex;flex-direction:row;flex-wrap:wrap}main{padding-top:100px;display:flex;flex-direction:column;align-content:center;flex-wrap:wrap}header h1{font-size:1.5rem}.introduction-img img{max-width:150px}header h3{display:none}.grid-item{padding:15px;border:none}.introduction-img{padding:130px;max-width:150px}.container{max-width:300px}footer{padding:15px;text-decoration:none}footer ul{gap:20px;flex-direction:column}}