: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}body{background-color:#000;margin:0;font-family:Poppins,sans-serif}body{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0;font-family:Roboto,sans-serif;background-color:#000;color:#fff}h1{color:gold;text-align:center;font-size:2.5rem;margin:20px 0;border-bottom:4px solid #ffd700;padding-bottom:10px;text-transform:uppercase;letter-spacing:2px}.search-bar{margin:20px auto;text-align:center}input[type=text]{display:flex;margin:0 auto;width:60%;padding:12px;font-size:1.1rem;border:2px solid #126112;border-radius:5px;transition:border-color .3s ease;outline:none;background-color:#f8f8f8;color:#000}input[type=text]:focus{border-color:gold}ul{list-style-type:none;padding:0;width:100%;margin-top:20px}li{background-color:#111;margin:10px auto;padding:20px;width:80%;border:1px solid #ffd700;border-radius:5px;box-shadow:0 4px 6px #00000080}li h2{color:#32cd32;margin:0;font-size:1.5rem;text-transform:capitalize}li p{color:gold;margin:5px 0 0;font-size:1rem}button{background-color:red;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;margin:10px auto;display:block}button:hover{background-color:gold;color:#000}@media screen and (max-width: 600px){h1{font-size:2rem}input[type=text],li{width:100%}}