@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";.navbar{background-color:#f1f1f1;color:#fff;padding:2rem;font-family:DM Sans,sans-serif;position:relative;z-index:10}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{height:65px}.hamburger{width:30px;height:28px;position:relative;cursor:pointer;display:block;z-index:20}.hamburger span{position:absolute;height:4px;width:100%;background:#000;border-radius:2px;left:0;transition:.3s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.open span:nth-child(1){top:9px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:9px;transform:rotate(-45deg)}.nav-links{position:absolute;top:60px;right:.5rem;background-color:#1a1a1a;border:0px solid #444;border-radius:8px;padding:2rem 1rem;display:none;flex-direction:column;gap:1rem;z-index:15;list-style:none}.nav-links.active{display:flex}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;white-space:normal;gap:1rem;padding:10px}.nav-links a:hover{background-color:#1a1a1a;border-radius:8px;padding:10px}.dropdown{position:relative}.dropdown .submenu{display:none;position:absolute;top:100%;left:0;background:#0e0e0e;padding:1rem;border:1px solid #444;border-radius:8px;flex-direction:column;z-index:100}.dropdown:hover .submenu{display:flex}.submenu li{padding:0;list-style:none}.submenu a{color:#fff;text-decoration:none;font-size:1rem}.nav-links li{list-style:none}.nav-links ul{list-style:none;margin:0;padding:1rem 0 0 1rem;line-height:2}.nav-links ul li:last-child{margin-bottom:0}.squares-canvas{width:100%;height:100%;border:none;display:block}.variable-proximity{font-family:Roboto Flex,sans-serif;font-size:4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.metaballs-container{position:relative;width:100%;height:100%}.magnetLines-container{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);justify-items:center;align-items:center;width:80vmin;height:80vmin}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate))}body{margin:0;font-family:DM Sans,sans-serif;background:#fff;color:#131313}