.app-wrapper{align-items:center;box-sizing:border-box;display:flex;height:98vh;justify-content:center;overflow:hidden;padding:1rem;width:98vw}.circle-container{aspect-ratio:1/1;position:relative;width:clamp(200px,80vw,90vh)}.center-logo{border-radius:50%;position:absolute;width:50%}.center-icon,.center-logo{aspect-ratio:1/1;left:50%;top:50%;transform:translate(-50%,-50%)}.center-icon{position:fixed;width:40%}.link{background-color:#49c4d4;background-position:50%;background-repeat:no-repeat;background-size:40% auto;border-radius:50%;color:#fff;font-size:clamp(.75rem,2.5vw,2.1rem);font-weight:700;opacity:70%;padding:.5em 1em;position:fixed;text-decoration:none;transform:translate(-50%,-50%)}.link-top{left:50%;top:10%}.link-bottom{left:50%;top:90%}.link-l1{left:35%;top:20%}.link-l2{left:25%;top:50%}.link-l3{left:35%;top:80%}.link-r1{left:65%;top:20%}.link-r2{left:75%;top:50%}.link-r3{left:65%;top:80%}.link:hover{color:#1da1f2}.link a{color:#fff;font-size:1.25rem;transition:transform .2s,color .2s}.link a:hover{color:#1da1f2;transform:scale(1.2)}.pie-container{height:400px;width:400px}.pie-container .slice{clip-path:polygon(50% 50%,100% 50%,100% 0)}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;display:flex;justify-content:center;min-height:100vh}ul{gap:25px}ul,ul li{display:flex;position:absolute}ul li{align-items:center;background:#fff;border-radius:50%;box-shadow:0 10px 25px #0000001a;cursor:pointer;height:10%;justify-content:center;list-style:none;transition:.5s;width:5%}ul li:before{inset:0}ul li:after,ul li:before{background:linear-gradient(45deg,var(--i),var(--j));border-radius:60px;content:"";opacity:0;position:absolute;transition:.5s}ul li:after{filter:blur(15px);height:100%;top:10px;width:100%;z-index:-1}ul li:hover{box-shadow:0 10px 25px #0000;width:180px}ul li:hover:before{opacity:1}ul li:hover:after{opacity:.5}ul li .icon{color:#777;font-size:1.75em;transition:.5s;transition-delay:.25s}ul li:hover .icon{color:#fff;transform:scale(0);transition-delay:0s}ul li .title{color:#fff;font-size:1.1em;letter-spacing:.1em;text-transform:uppercase;transform:scale(0);transition:.5s;transition-delay:0s}ul li:hover .title{transform:scale(1);transition-delay:.25s}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pie-container{height:10%;margin:0 auto;position:relative;width:10%}.pie-container .logo{border-radius:50%;display:block;height:auto;width:100%}.pie-container .slice{--slices:6;align-items:flex-start;background:#0000;clip-path:polygon(50% 50%,100% 50%,75% 6.7%);color:#0ff;display:flex;font-weight:700;height:100%;justify-content:flex-end;left:0;padding:.5em;position:absolute;text-decoration:none;top:0;transform:rotate(calc(1turn/var(--slices)*var(--i)));transform-origin:50% 50%;transition:background .2s;width:100%}.pie-container .slice:hover{background:#1effff4d}.social-links{display:flex;gap:12px;position:fixed;right:16px;top:16px;z-index:1000}.social-links a{color:#fff;font-size:2.25rem;transition:transform .2s,color .2s}.social-links a:hover{color:#1da1f2;transform:scale(1.2)}
/*# sourceMappingURL=main.2ee35731.css.map*/