nav{font-family:monospace;font-size:larger;background-color:#040e17;overflow:hidden;text-align:center;width:100%;display:flex;justify-content:center}nav ul{list-style-type:none;padding:0;justify-content:center}nav ul li{display:inline;margin:0 15px}nav ul li a{text-decoration:none;font-weight:700;color:#374148}nav ul li a:hover{color:#455158}.logo{position:absolute;left:0}.logo img{margin-left:10px;max-width:49px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.canvas-header{background-color:#333;color:#fff;text-align:center;padding:10px;height:50px}.canvas-container{position:relative;flex-grow:1}canvas{height:auto;width:100%;display:block;margin:0 auto;border:1px solid #000;border-radius:25px}.text-over-canvas{font-family:monospace;position:relative;justify-content:center;text-align:center;color:#040e17;font-size:42px}.about-body{background-color:#333}.profile-image-container{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;height:300px;width:300px;margin:10px auto auto;animation:fade 5s,pulse 2s infinite alternate;-webkit-animation:fade 5s,pulse 2s infinite alternate}.profile-image{max-width:100%;height:auto;display:block;object-fit:cover;object-position:15px;transform:scale(1.35)}.about-me-parent{position:relative;font-family:monospace;font-size:larger;margin:auto;background-color:#333;border:5px solid #333;justify-content:center;height:60px;width:90%;display:flex;align-items:center;animation:fade 3s;-webkit-animation:fade 3s;object-fit:contain}.about-me-child{background-color:#455158;margin:auto;font-size:xx-large;width:90;justify-content:center;text-align:center;box-shadow:0 0 5px #fff}.about-me-child strong{color:#eee}.about-me-child h2{font-family:monospace;text-align:center}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 30px #c5d1cdb3}to{box-shadow:0 0 50px #c5d1cdb3}}iframe{width:100%;height:100vh}html,body{font-family:Arial,sans-serif;margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:linear-gradient(-45deg,#455158,#202a33,#040e17);background-size:400% 400%;animation:gradient 12s ease infinite;-webkit-animation:gradient 12s ease infinite}.header-image-container{position:relative;margin:0;padding:0;width:100%;height:100%}canvas#Matrix{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}footer{font-family:monospace;justify-content:center;font-size:large;background-color:#040e17;color:#455158;text-align:center;padding:10px;position:absolute;bottom:0;left:0;width:100%;height:auto}footer a{color:#afbfc0}footer a:hover{color:#9fa4a9}.fa{padding:2px;font-size:large;width:20px;text-align:center;text-decoration:none;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.fa:hover{animation:pulse-fa 2s infinite alternate;-webkit-animation:pulse-fa 2s infinite alternate}@keyframes pulse-fa{0%{box-shadow:0 0 5px #c5d1cdb3}to{box-shadow:0 0 10px #ffffffb3}}