*{margin:0;padding:0}body{background:#000;font-family:sans-serif}.H1{color:cyan;font-family:Orbitron,Arial,Helvetica,sans-serif;text-align:center;font-size:20px;margin-top:1%}.query{margin-left:5%;width:40%;height:30px;background:#000;padding:4px;border:2px solid cyan;color:#fff;transition:width .9s ease}.query:hover{width:50%}.searchWrapper{position:relative;width:100%;max-width:400px;margin:0 auto}.icon{margin-left:5px;padding:8px 12px;background:none;font-size:14px;color:#fff;border:none;border-radius:6px;cursor:pointer}.suggestions{position:absolute;top:100%;left:0;width:100%;background:#111;border:1px solid #444;border-radius:6px;margin-top:5px;z-index:10;max-height:300px;overflow-y:auto}.suggestionItem{display:flex;align-items:center;gap:10px;padding:5px 10px;cursor:pointer;color:#fff}.suggestionItem img{width:40px;height:60px;object-fit:cover;border-radius:4px}.active,.suggestionItem:hover{background-color:#333}.genre-grid{display:flex;flex-wrap:wrap;gap:15px}.Top{width:150px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px}.Top img{width:100%;height:200px;object-fit:cover;border-radius:10px}.Top h3{font-size:14px;text-align:center;color:#fff;text-decoration:none;margin:0}.rating{font-size:12px;color:cyan}