body{background-color:#000;color:#fff;height:100vh;margin:0}h1,p{text-align:center}table{background:#000000b3;border:1px solid var(--grid-line-color);border-collapse:collapse;margin:30px auto 100px;max-width:800px;transition:border-color .3s;width:90%}table:hover{border-color:var(--accent-color)}th{border:1px solid rgba(0,255,204,.1);font-weight:400;padding:18px;transition:background .3s}tr:hover th{background:#00ffcc14;color:#fff}th:first-child{color:var(--accent-color);font-family:Courier New,monospace;width:30%}footer{background:#050505f2;border-top:1px solid var(--grid-line-color);font-size:.8rem;padding:60px;text-align:center}header a{color:var(--text-color);display:inline-block;font-size:.9rem;padding:5px 10px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}header a:hover{color:var(--accent-color);text-shadow:0 0 15px var(--accent-color);transform:translateY(-3px)}header a:after{background-color:var(--accent-color);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}header a:hover:after{width:100%}header a img{border:2px solid var(--accent-color);border-radius:50%;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;vertical-align:middle}header a:hover img{border-color:#fff;box-shadow:0 0 20px var(--accent-color);transform:scale(1.15) rotate(10deg)}ul{list-style:none;margin:40px auto;max-width:600px;padding:0}ul li{margin-bottom:15px}ul li a{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-left:4px solid #fff;color:#fff;display:block;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none!important;transition:all .4s cubic-bezier(.25,.8,.25,1)}ul li a:hover{background:#00ffcc1a;border-color:#0fc;box-shadow:0 0 15px #00ffcc4d;color:#0fc;padding-left:35px;text-shadow:0 0 5px rgba(0,255,204,.5)}ul li a:before{background:linear-gradient(120deg,transparent,rgba(0,255,204,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%}ul li a:hover:before{left:100%}.nav-link-item{background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-left:3px solid #fff;color:#fff!important;display:block;font-family:sans-serif;letter-spacing:.05em;margin-bottom:12px;overflow:hidden;padding:15px 25px;position:relative;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link-item:hover{background:#00ffcc14;border-color:rgba(0,255,204,.5) rgba(0,255,204,.5) rgba(0,255,204,.5) #0fc;box-shadow:0 0 20px #0fc3;color:#0fc!important;padding-left:35px}.nav-link-item:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),rgba(0,255,204,.4),hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:none;width:100%}.nav-link-item:hover:before{left:100%;transition:all .6s ease-in-out}