.footer{padding-top:20px;padding-bottom:20px;background-color:#1a1a1a;color:#fff;text-align:center;margin-top:auto;width:100%}.footer-content{max-width:1200px;margin:0 auto}.footer p{margin:0}.social-links{display:flex;justify-content:center;gap:15px;margin-top:10px}.social-links a{color:#fff;transition:color .3s ease}.social-links a:hover{color:#61dafb}.navigation{padding:15px 0;background-color:#1a1a1a;width:100%}.navigation ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.navigation li{margin:0 15px}.navigation a{color:#fff;text-decoration:none;font-weight:500;font-size:18px;transition:color .3s ease}.navigation a:hover{color:#61dafb}@media (max-width: 768px){.navigation ul{flex-direction:column;align-items:center}.navigation li{margin:10px 0}}.scene-container{top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none}.scene-container canvas{pointer-events:auto}.lava-lamp-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;z-index:0}@media (max-width: 768px){.info-overlay{bottom:10px;right:10px;padding:10px;max-width:90%}}@media (orientation: landscape) and (max-height: 500px){.info-overlay{bottom:5px;max-height:80vh;overflow-y:auto}}.app-container{position:relative;width:100%;height:100vh;overflow:hidden}button{pointer-events:auto!important}.color-controls{position:fixed;z-index:10000;pointer-events:auto!important}