.gooey-nav-container{position:relative;display:flex;justify-content:center;top:0;z-index:1;width:100%;position:fixed;backdrop-filter:blur(5px);right:0;height:9vw;background-color:rgba(255,255,255,.1);align-items:center}.gooey-nav-container nav ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem}.gooey-nav-container nav li{position:relative;padding:1vw;border-radius:1vw;background-color:transparent;color:black;cursor:pointer;transition:.2s ease-in-out}.gooey-nav-container nav li.active{background-color:black;color:white}.effect{position:absolute;pointer-events:none;display:grid;place-items:center;z-index:1}.effect.filter{filter:blur(7px) contrast(100);mix-blend-mode:lighten}.effect.text{color:black;transition:color .3s ease}.effect.text.active{color:white}.particle{position:absolute;top:50%;left:50%;width:2vw;height:2vw;border-radius:9999px;background:black;opacity:0;animation:particle var(--time) ease 1}.particle .point{width:100%;height:100%;background:var(--color);border-radius:50%;opacity:1}@keyframes particle{0%{transform:translate(var(--start-x),var(--start-y));opacity:1}50%{transform:translate(var(--end-x),var(--end-y));opacity:1}to{transform:translate(0);opacity:0}}.circular-text-wrapper img{position:fixed;display:inline-block;left:0;right:0;top:0;margin-top:4.6vw;margin-left:10vw;width:3.5vw;height:3.5vw;bottom:0;z-index:3}.circular-text{display:flex;justify-content:center;border-radius:50%;width:20vw;position:fixed;height:7vw;left:0;top:0;margin-top:1vw;z-index:3;font-weight:700;color:black;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:1vw;transition:all .5s cubic-bezier(0,0,0,1)}.particles-container{position:relative;width:100%;height:100%}