.circle{position:relative;aspect-ratio:1}.letter{position:absolute;top:0;left:50%;font-family:Rubik Mono One,sans-serif;color:#0ff}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}button:hover{animation:gradient .5s ease infinite}.menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#202020;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;z-index:-1}.menu.open{opacity:1;visibility:visible;z-index:1000}.menu ul{list-style:none;padding:0}.menu ul li{margin:10px 0;font-size:18px;text-align:center;color:#0ff}.menu ul li ul{margin-top:2px;padding:0;margin-left:20px;font-size:18px;font-weight:300}.menu ul li ul li{margin:10px 0}.menu-button{position:absolute;top:30px;left:20px;font-size:24px;cursor:pointer;z-index:1001;color:#0ff;transition:color .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px}.menu-button:hover{color:#fff}.hover-link{color:#0ff;text-decoration:none;transition:color .3s ease}.hover-link:hover{color:#fff}.center-icon{display:flex;justify-content:center;align-items:center;height:100%}