body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#222;justify-content:space-between;padding:15px 30px;position:relative;z-index:10}.logo,.navbar{align-items:center;display:flex}.logo{cursor:pointer}.logo-image{height:auto;width:180px}.nav-links{display:flex;list-style:none;margin:0}.nav-links li{margin:0 15px}.nav-links a{color:#f1f1f1;font-size:18px;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:gold}.menu-toggle{background:none;border:none;color:gold;cursor:pointer;display:none;font-size:24px}.nav-links.active{display:flex}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column}.menu-toggle{display:block;position:absolute;right:30px;top:15px}.nav-links{background-color:#222;box-shadow:0 4px 8px #0003;display:none;flex-direction:column;left:0;padding:10px 0;position:absolute;top:60px;width:100%;z-index:9}.nav-links li{margin:10px 0;width:100%}.nav-links a{font-size:18px;padding:10px 20px;text-align:left;width:100%}}.home-page{background-color:#333;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#f1f1f1;margin:70px auto;max-width:800px;padding:50px 20px;text-align:center}.home-page h1{color:gold;font-size:36px;margin-bottom:20px}.home-page p{color:#cfcfcf;font-size:18px;margin-bottom:30px}.home-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.home-link{background-color:#0d0d0d;border-radius:8px;box-shadow:0 4px 8px #0003;color:#f1f1f1;font-size:18px;padding:15px 30px;text-decoration:none;transition:background-color .3s ease}.home-link:hover{background-color:#656562}body{background-color:#2b2b2b;font-family:Arial,sans-serif;margin:0}.footer{background-color:#1d1d1d;box-shadow:0 -4px 8px #0000004d;color:#cfcfcf;color:#f1f1f1;margin-top:50px;margin-top:40px;padding:20px;text-align:center}.footer-content{margin:0 auto;max-width:800px}.footer h4{color:gold;font-size:22px;margin-bottom:10px}.footer p{font-size:18px;margin:5px 0}.person-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #b8e6001a;margin:16px;max-height:260px;padding:16px;transition:all .3s ease-in-out}.person-card h3{font-size:24px;margin-bottom:8px;margin-top:0}.person-card p{margin:4px 0}.person-card.expanded{border:3px solid gold;box-shadow:0 4px 12px #007bff33;max-height:600px;padding:24px}.people-page{background-image:url(/static/media/background.52219197b0f520a61c21.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 6px 12px #0000001a;margin:40px auto;max-width:1300px;padding:30px}.people-page h2{color:gold;font-family:Arial,sans-serif;font-size:32px;letter-spacing:1px;margin-bottom:30px;text-align:center}.search-filter input::placeholder{color:#fff;opacity:.8}.search-filter{background-color:#5e5a5acc;border-radius:8px;padding:10px}.search-filter input{background-color:#000;border:1px solid #555;color:#fff}.search-filter select{background-color:#000;color:#fff;width:200px}.search-filter select:focus{border-color:#555}.search-filter select option:hover,select option:focus{background-color:#555;color:#000}.people-list{grid-gap:20px;background-color:#5e5a5acc;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px;padding:20px}.person-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:box-shadow .3s ease}.person-card:hover{box-shadow:0 6px 18px #e8d01800;transform:translateY(-5px)}.person-card h3{color:#333;font-family:Arial,sans-serif;font-size:22px;margin-bottom:10px}.person-card p{color:#666;font-size:16px;margin:8px 0}.planet-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:16px;max-height:235px;padding:16px;transition:all .3s ease-in-out}.planet-card h3{font-size:24px;margin-bottom:8px;margin-top:0}.planet-card p{margin:4px 0}.planet-card.expanded{border:3px solid gold;box-shadow:0 4px 12px #007bff33;max-height:600px;padding:24px}.details-button:hover{background-color:#8b8b85}.planets-page{background-image:url(/static/media/background.52219197b0f520a61c21.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 6px 12px #0000001a;margin:40px auto;max-width:1300px;padding:30px}.planets-page h2{color:gold;font-family:Arial,sans-serif;font-size:32px;letter-spacing:1px;margin-bottom:30px;text-align:center}.planets-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.planet-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:box-shadow .3s ease}.planet-card:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-5px)}.planet-card h3{color:#333;font-family:Arial,sans-serif;font-size:22px;margin-bottom:10px}.planet-card p{color:#666;font-size:16px;margin:8px 0}.starship-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:16px;max-height:255px;padding:16px;transition:all .3s ease-in-out}.starship-card h3{font-size:24px;margin-bottom:8px;margin-top:0}.starship-card p{margin:4px 0}.starship-card.expanded{border:3px solid gold;box-shadow:0 4px 12px #007bff33;max-height:600px;padding:24px}.details-button{background-color:#000;border:none;border-radius:4px;color:gold;cursor:pointer;margin-top:12px;padding:8px 16px;transition:background-color .3s}.details-button:hover{background-color:#555}.details{border-top:1px solid #ddd;margin-top:16px;padding-top:16px}.starships-page{background-image:url(/static/media/background.52219197b0f520a61c21.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 6px 12px #0000001a;margin:40px auto;max-width:1300px;padding:30px}.starships-page h2{color:gold;font-family:Arial,sans-serif;font-size:32px;letter-spacing:1px;margin-bottom:30px;text-align:center}.search-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.search-filter input{width:320px}.search-filter input,.search-filter select{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-right:10px;outline:none;padding:12px;transition:border-color .3s}.search-filter select{width:160px}.search-filter button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:12px 16px;transition:background-color .3s}.search-filter button:last-child{margin-right:0}.search-filter button:hover{background-color:#333}.search-filter button:focus{box-shadow:0 0 0 3px #eae02180;outline:none}.loading{color:#fff;font-size:20px;padding:20px;text-align:center}.starships-list{grid-gap:20px;background-color:#5e5a5acc;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(315px,1fr));margin-bottom:30px}.starship-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:box-shadow .3s ease}.starship-card:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-5px)}.starship-card h3{color:#333;font-family:Arial,sans-serif;font-size:20px;margin-bottom:10px}.starship-card p{color:#666;font-size:16px;margin:8px 0}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#2c2c2c;border:1px solid #858585;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 15px;transition:background-color .3s ease,box-shadow .3s ease}.pagination button:hover{background-color:#555;color:gold}.pagination button.active{background-color:#222;border:1px solid #555;color:gold}.pagination button:focus{box-shadow:0 0 5px #007bff80;outline:none}.page-button{background-color:#000;border:1px solid #444;color:#fff;cursor:pointer;margin:0 5px;padding:8px 12px;transition:background-color .3s ease}.page-button:hover{background-color:#333;color:gold}.page-button.active{background-color:#222;border-color:#555;color:gold}
/*# sourceMappingURL=main.93d7b2ac.css.map*/