:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:0}.navbar-items{display:flex;gap:1rem}.navbar-items button{padding:.5rem 1rem;border:none;background:none;border-radius:.25rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,color .3s ease}.navbar-items button:hover{transform:scale(1.1);color:#4b4bff}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-logo img{width:5rem;height:5rem;border:2px solid white;border-radius:60px}.test-grid ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}.test-grid li{list-style:none;background:none;padding:1rem;border-radius:.25rem;box-shadow:0 0 10px #0000001a}.searchbar{position:relative;display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.searchbar input{padding:.5rem 1rem;border:1px solid #646cff;border-radius:.25rem;font-size:1rem;width:100%}.searchbar-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #646cff;border-radius:.25rem;box-shadow:0 0 10px #0000001a;z-index:1;max-height:200px;overflow-y:auto}.searchbar-dropdown ul{list-style:none;padding:0;margin:0}.searchbar-dropdown li{padding:.5rem 1rem;cursor:pointer}.searchbar-dropdown button{background-color:#f8f9fa;color:#4b4bff;border:none;padding:.5rem 1rem;text-align:left;width:100%;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.searchbar-dropdown button:hover{background-color:#e2e6ea}.searchbar-dropdown button:focus{outline:none;background-color:#dae0e5}.marquee-container{overflow:hidden;white-space:nowrap;padding:1rem 0;box-sizing:border-box;position:relative}.marquee-container:hover .marquee-content{animation-play-state:paused}.marquee-content{display:inline-block;gap:20px;animation:marquee 30s linear infinite}.marquee-content img{margin-right:15px;border:2px hidden;border-radius:15px;transition:transform .3s ease}.marquee-content img:hover{transform:scale(1.1)}@keyframes marquee{0%{transform:translate(50%)}to{transform:translate(-50%)}}.fade-in{animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.test-grid li{opacity:0;width:fit-content;list-style:none;background:#383838;padding:1rem;margin:auto;border-style:solid;border-radius:2rem;border-color:#fff;border-width:.3vh;box-shadow:0 0 1vh #0000001a;transition:transform .3s ease}.test-grid li img{height:20vh}.test-grid li p{color:#fff}.test-grid li a{text-decoration:none}.test-grid li:hover{transform:scale(1.1)}.footer{position:fixed;bottom:0;text-align:center;font-size:.8rem;left:0;width:100%;background-color:#242424;color:#646cff}