body{margin:0;background:url(/images/hexagon_tile.png);background-color:gray;background-size:200px;animation:background-animate 6s linear infinite;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@keyframes background-animate{0%{background-position-x:0;background-position-y:0}to{background-position-x:400px;background-position-y:200px}}#root{box-sizing:border-box;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}section{margin:75px 16px 16px;padding:16px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#00000020,#687e9c99);color:#fff;width:100%;max-width:500px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}section main{flex-grow:1}section footer{margin:-15px -16px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;display:flex}section footer a{padding:10px;text-decoration:none;color:#fff;flex-grow:1;text-align:center;border:1px solid rgba(104,126,156,1);border-bottom:none;border-top:none}section footer a:last-child{border-right:none}section footer a:first-child{border-left:none}section footer a:hover{background-color:#687e9c66}section footer a:active{background-color:#687e9cb3}.header{display:flex;flex-wrap:wrap;align-items:center}.header .icon{display:inline-block;height:5rem}.header h1{margin:0;display:inline-block;font-size:2rem;font-weight:500}.boxly{width:60px;position:absolute;top:-90px;right:6%}