body,main,nav a,nav ul{display:flex}body,nav ul{padding:0}h1,h2,nav a{color:#fc0}footer,section{text-align:center}footer,nav a:hover{color:#fff}body{font-family:Inconsolata,monospace;margin:0;background-color:#1a1a1a;color:#c7c7c7;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;position:relative}main{flex-direction:column;align-items:center;justify-content:center;margin-top:22vh}#team-image img{max-width:100%;max-height:300px;height:auto;border-radius:8px}nav ul{list-style-type:none;margin-top:20px;flex-direction:row}nav ul li{display:inline;margin-right:20px}nav a{text-decoration:none;font-weight:700;transition:color .1s ease-in-out;align-items:center}nav a i{margin-right:5px}footer{margin-top:auto;position:absolute;bottom:0;width:100%;padding:10px 0}li{font-size:1.2em}h1{font-size:2em}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Crect width="100%25" height="100%25" fill="%231a1a1a" /%3E%3Cline x1="0" y1="0" x2="100" y2="100" stroke="%23fff" stroke-width="2" /%3E%3Cline x1="0" y1="100" x2="100" y2="0" stroke="%23fff" stroke-width="2" /%3E%3C/svg%3E');pointer-events:none;z-index:-1;animation:4s linear infinite glitch;opacity:.02}@keyframes glitch{2%,64%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transform:translate(-2px,-2px)}4%,70%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transform:translate(2px,2px)}100%,62%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transform:translate(0,0)}}@media (max-width:768px){h1{font-size:1.8em}li{font-size:1em;margin-right:10px}main{margin-top:8vh}nav ul{flex-direction:column}nav ul li{margin:10px 0}footer{padding:15px 0}}@media (max-width:480px){h1,nav a{font-size:1.5em}footer,li{font-size:.9em}li{margin-right:5px}main{padding:0 10px;margin-top:4vh}#team-image img{max-height:200px}nav a i{margin-right:2px}}