body{color:#fff;background-color:#0f1116;margin:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#hero{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}#links{text-align:left;color:#fff;flex-direction:column;width:400px;font-size:x-large;display:flex}#links a{color:#fff;border:1px solid #fff;border-radius:5px;margin:10px 0;padding:10px;text-decoration:none}#links a:hover{cursor:pointer;background-color:#1f1f1f}#header{max-width:1200px}body:before{content:"";z-index:-2;opacity:.1;background-image:radial-gradient(circle,#fff 1px,#0000 0);background-position:50%;background-size:28px 28px;width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;opacity:.3;background:radial-gradient(closest-side,#ffffff96 0,#fff0 100%) no-repeat padding-box padding-box;width:100vw;height:100vh;position:fixed;top:-200px;left:-400px}header{border-bottom:1px solid #fff3}