body,html{background:#0f0f0f;margin:0;padding:0;font-family:Open Sans,sans-serif}header{margin-top:3em;text-align:center;display:flex;flex-direction:column;align-items:center}header>img{border-radius:100%;width:7em;height:7em;border:2px solid white;box-shadow:#000 0 2px 8px}header>h1{display:inline-block;font-size:.8em;font-weight:700;border-radius:1em;background-color:#000a;color:#fff;padding:.3em .6em;border:1px solid #fffa;backdrop-filter:blur(9px) contrast(180%);-webkit-backdrop-filter:blur(9px) contrast(180%)}main{position:relative;bottom:-100em;transition:bottom 1s ease-in-out}ul{box-sizing:border-box;list-style:none;margin:0 auto;padding:2em;max-width:480px}.linkButtons{background-color:#fffa;backdrop-filter:blur(10px) contrast(180%);-webkit-backdrop-filter:blur(10px) contrast(180%);border-radius:10em;padding:1em;margin:1.4em;box-shadow:#999a 8px 8px;-webkit-box-shadow:#999a 8px 8px 0px 0px;transition:.07s}.linkButtons:hover{background-color:#fffc}.linkButtons:active{box-shadow:#999a 5px 5px;-webkit-box-shadow:#999a 5px 5px 0px 0px;transform:translate(.3em,.3em);-webkit-transform:translate(.3em,.3em)}ul>ul>.linkButtons{margin:0}.linkButtons>a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5em}.linkButtons>a>img{width:25px}canvas{position:fixed;height:100%;width:100%}a{text-decoration:none;color:#000}.horizontalButtons{display:flex;gap:1rem}.horizontalButtons>.linkButtons{flex:1;margin:0}