.footer{padding:2rem 1rem;background-color:#fafafa;text-align:center;border-top:1px solid #eaeaea;font-size:.9rem;color:#555;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.footer-nav{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-nav a{color:#6A0DAD;text-decoration:none;transition:color .2s ease;font-weight:500;font-size:1rem}.footer-nav a:hover{color:#4a067a}.footer-copy{color:#999;margin-top:.5rem}.visible-footer-link{cursor:pointer;color:#6A0DAD}.visible-footer-link:hover{text-decoration:underline}.navbar{height:10vh;justify-content:center;padding:15px 30px;position:fixed;z-index:5;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar,.navbar-container{width:100%;display:flex;align-items:center}.navbar-container{max-width:900px;height:100%;padding:0 20px;border:1px solid #cdcdcd;border-radius:70px;background-color:rgba(255,255,255,.562);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 10px rgba(0,0,0,.05);justify-content:space-evenly}.navbar-container .branding{width:-moz-fit-content;width:fit-content;gap:7px}.navbar-container .branding,.navbar-container .branding .logo,.navbar-container .links{height:100%;display:flex;align-items:center;justify-content:center}.navbar-container .links{width:100%;padding:0 20px;gap:10px}.navbar-container .links .link{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px;border-radius:8px;white-space:no-wrap;color:#5a5a5a}.navbar-container .links .link:hover{color:#333333;background-color:#f0f0f0}.navbar-container .action{width:-moz-fit-content;width:fit-content;height:100%;display:flex;align-items:center;justify-content:center;gap:7px}.navbar-container .action button{background-color:#6600af;border:none;padding:.5rem 1rem;border-radius:100px;color:white}.navbar-container .action .user-account-button{height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width:900px){.navbar-container .action,.navbar-container .links{display:none}}.navbar-container .menu{display:none}@media screen and (max-width:900px){.navbar-container .menu{width:100%;height:100%;display:flex;align-items:center;justify-content:end;padding:0 5px;gap:7px}.navbar-container .menu .menu-btn{height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}}