h1,h2,h3,p{flex-direction:row}a.cta-button,h1,h2,h3,p{align-content:center;display:flex}a.cta-button,nav ul li a,section{border-radius:5px}.service-item,.skill-item{background:rgba(17,17,17,.7)}footer,header{background:rgba(26,26,26,.9)}footer ul,nav ul{list-style-type:none}footer ul,header h3,section{margin-bottom:20px}a.cta-button,footer ul li a,nav ul li a{text-decoration:none}footer ul li a:hover,p{color:#f0f}#matrix,header{position:fixed;width:100%}*{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}.introduction-img,.skills-grid{margin-top:30px;gap:20px}h1,h2,h3{font-family:Matrix,'Courier New',monospace;color:#0f0;text-shadow:0 0 10px #0f0;flex-wrap:wrap;justify-content:center;align-items:center}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;transition:.3s}.introduction-img img,header .container{border-radius:10px;box-shadow:0 0 15px #0f0}a.cta-button::before{content:"\2192";margin-left:20px;transition:.3s}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;z-index:1000;animation:1s ease-in-out slideDown;box-shadow:0 0 15px #0f0}header .container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;padding-bottom:5px}.introduction-img,nav ul{justify-content:center;display:flex}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}header h1{font-size:2.5rem;margin-bottom:10px}header h3{font-size:1.5rem}nav ul{flex-wrap:wrap}nav ul li{margin:5px 15px}nav ul li a{color:#0f0;transition:.3s;padding:5px 10px}nav ul li a:hover{color:#f0f;background-color:rgba(255,255,255,.1)}main{padding-top:150px;position:relative;z-index:1}section{background-color:rgba(13,13,13,.7);padding:50px 0;border-bottom:1px solid #0f0;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}section.active{opacity:1;transform:translateY(0)}#introduction{padding-top:100px;text-align:center}.introduction-img img{max-width:200px;transition:transform .3s}.introduction-img img:hover{transform:scale(1.05)}.skills-grid{display:flex;justify-content:center;flex-wrap:wrap}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.skill-item{border:1px solid #0f0;padding:20px;width:calc(33.333% - 20px);border-radius:10px;transition:.3s}.grid-item,.service-item{border:1px solid #0f0;transition:.3s}.grid-item:hover,.service-item:hover,.skill-item:hover{transform:translateY(-5px);box-shadow:0 0 20px #0f0}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.grid-item{background-color:rgba(17,17,17,.7);padding:25px;border-radius:10px}.grid-item img{max-width:100%;border-radius:5px;margin-bottom:15px}.services-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.service-item{padding:20px;width:calc(50% - 10px);border-radius:10px}form{display:flex;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}footer{padding:30px 0;text-align:center}footer ul{display:flex;justify-content:center}footer ul li{margin:0 15px}footer ul li a{color:#0f0;transition:color .3s}#matrix{top:0;left:0;height:100%;z-index:-1}.matrix-btn{background:0 0;border:1px solid #0f0;color:#0f0;padding:10px 20px;font-family:'Courier New',monospace;font-size:1rem;cursor:pointer;transition:.3s}.matrix-btn:hover{background:#0f0;color:#0d0d0d;box-shadow:0 0 15px #0f0}.matrix-icon{font-size:2rem;color:#0f0;transition:.3s}.matrix-icon:hover{color:#f0f;text-shadow:0 0 10px #f0f}@media (max-width:768px){header h1{font-size:2rem}header h3{font-size:1.2rem}.introduction-img,nav ul{flex-direction:column;align-items:center}nav ul li{margin:10px 0}.service-item,.skill-item{width:100%}}@media (max-width:480px){header h1{font-size:1.5rem}.introduction-img img{max-width:150px}}@keyframes matrixRain{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.matrix-rain{position:absolute;color:#0f0;font-family:Matrix,monospace;font-size:20px;animation:5s linear infinite matrixRain}::selection{background:#0f0;color:#0d0d0d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f0f}