.matrix-container{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50%;z-index:1}.matrix-container:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:100%;background:linear-gradient(0deg,rgb(0 0 0) 0%,rgba(255,0,0,0) 100%)}#matrix{width:100%;height:100%}:root{--text: #7efe7e;--background: #000}*,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;image-rendering:-webkit-optimize-contrast}*{margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:monospace;text-rendering:geometricPrecision;font-size:14px;scroll-behavior:smooth}a,ul,li{color:var(--text);text-decoration:none}a:hover{text-decoration:underline}p,span{margin-bottom:5px;display:inline-block;line-height:23px}img{max-width:100%}#matrix-canvas{position:fixed;left:0;top:0;width:100%;height:100%}