#content a,#content h2,#content h3,a,h2{color:#f4c542}footer,header{text-align:center;color:#0f0;background:#333}ul{list-style-position:inside}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Courier New",Courier,monospace;background-color:#1a1a1a;color:#0f0;line-height:1.6;padding:20px;animation:1s ease-in-out fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}header{padding:20px 0;animation:1s ease-in-out slideDown}.grid-item,footer,section{padding:20px}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}header h1{margin:0;font-size:2.5rem}header p{color:#fff;animation:1s ease-in-out hover;transform:scale(1.3)}img{max-width:300px;max-height:300px}section{margin-bottom:20px;background:#262626;animation:1s ease-in-out fadeInUp}@keyframes fadeInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.introduction-img{display:flex;flex-direction:row;justify-content:center;gap:100px}#content li,#content p,li,p{font-size:1.1rem;margin-bottom:10px}#content a,a{transition:color .3s}#content a:hover,a:hover,footer ul li a:hover,nav ul li a:hover{color:#f0f}footer ul,nav ul{display:flex;justify-content:center;list-style-type:none;padding:0}footer ul li,nav ul li{margin:0 10px}footer ul li a,nav ul li a{color:#0f0;text-decoration:none;transition:color .3s}footer{animation:1s ease-in-out slideUp}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.grid-item{background-color:#111;border:1px solid #0f0;transition:transform .3s,background-color .3s;animation:1s ease-in-out zoomIn}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.grid-item:hover{transform:scale(1.05);background-color:#222}#matrix{position:fixed;top:250px;left:0;width:100%;height:calc(100% - 250px);background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}#matrixCanvas{display:block;width:100%;height:100%}#matrix:active,#matrix:hover,body.scrolled #matrix{display:none}@media (max-width:768px){header h1{font-size:2rem}header p{transform:scale(1)}.introduction-img{flex-direction:column;gap:20px}img{max-width:200px;max-height:200px}footer ul,nav ul{flex-direction:column}footer ul li,nav ul li{margin:10px 0}body,section{padding:10px}#matrix{top:200px;height:calc(100% - 200px)}}@media (max-width:480px){header h1{font-size:1.5rem}footer ul,nav ul{flex-direction:column}footer ul li,nav ul li{margin:5px 0}section{padding:5px}img{max-width:150px;max-height:150px}#matrix{top:150px;height:calc(100% - 150px)}}