:root{--size:20px}body{background:rgb(19,2,59);overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;width:100%;max-width:100vw;max-height:100vh;display:flex;justify-content:center;align-items:center}.threeD{background-color:rgb(10,10,73);color:rgb(255,255,255);font-size:30px;border:none;padding:18px 40px 12px;box-shadow:6px 6px 1px rgba(255,255,240,.311)}.threeD:active{transform:translate(3px,3px);box-shadow:none}label{font:700;color:ivory}input,label{text-align:center}input{color:rgb(0,0,0);border-color:black;border-width:1px;border-radius:1.5rem;height:60%;width:94%}form{height:100%;width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center}Link,button,h1,h2,h3,label,td,th,tr{color:rgb(255,255,240);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif}input[readonly]{background-color:#f3f3f3;cursor:not-allowed}.highlight{color:rgb(0,0,0);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif}.highlight td{border:3px solid gold;border-collapse:collapse}button{font-size:150%;border-radius:1.5rem;padding:10px;font-weight:900;background-color:rgb(93,75,136);color:ivory;height:60%;width:30%;max-width:80px;display:flex;justify-content:center;align-items:center}p{color:rgb(52,27,109)}.container{display:grid;place-items:center}.container2{display:grid;place-items:center start}.container3{display:grid;place-items:center;height:100vh}table{border:1px solid black;border-collapse:collapse;width:95vw;margin:0 auto;font-size:36px}th{border:3px solid rgb(50,19,121);font-weight:500}td{border:2px solid rgb(50,19,121);font-weight:300}.el{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:conic-gradient(from 180deg at 50% 70%,hsla(0,0%,98%,1) 0deg,#eec32d 72.0000010728836deg,#ec4b4b 144.0000021457672deg,#709ab9 216.00000858306885deg,#4dffbf 288.0000042915344deg,hsla(0,0%,98%,1) 1turn);mask:radial-gradient(circle at 50% 50%,white 2px,transparent 2.5px) 50% 50% /var(--size) var(--size),url(https://assets.codepen.io/605876/noise-mask.png) 256px 50% /256px 256px;mask-composite:intersect;animation:flicker 20s linear infinite}@keyframes flicker{to{mask-position:50% 50%,0 50%}}footer{background-color:rgb(52,27,109);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;position:absolute;bottom:0;left:0;width:100%;height:8%;z-index:3;display:flex;justify-content:space-evenly;align-items:center}.loader{display:inline-block;font-size:xx-large;animation:spin 2s linear infinite;scale:1.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}