.home-container header{background-color:#0b0b0b;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 80px;display:flex}.home-container header h1{color:#fff;font-size:1.8rem;font-weight:700}.home-container header h1 span{color:#f5c518;margin-left:4px}.home-container .search-area{background-color:#141414;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex}.home-container .search-area svg{color:#f5c518;font-size:1.2rem}.home-container .search-area input{color:#fff;background-color:#0000;border:none;outline:none;width:200px}.home-container .boxCard{flex-wrap:wrap;justify-content:center;gap:24px;margin:40px;display:flex}.home-container .card{color:#fff;background-color:#0f0f0f;border-radius:12px;width:220px;overflow:hidden}.home-container .card:hover{transform:translateY(-6px)}.home-container .card h2,.home-container .card h3{margin:12px;font-size:1.1rem}.home-container .card_image{position:relative}.home-container .card_image img{border-radius:12px;width:100%;display:block}.home-container .card_image span{color:#0b0b0b;background-color:#f5c518;border-radius:4px;padding:4px 8px;font-weight:700;position:absolute;top:10px;right:10px}.home-container .card_image .play{color:#fff;opacity:0;justify-content:center;align-items:center;font-size:3rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.home-container .card_image:hover .play{opacity:1}*{box-sizing:border-box;margin:0;padding:0;font-family:"Source Sans 3",sans-serif}body{color:#fff;background-color:#0b0b0b;overflow-x:hidden}button{cursor:pointer;transition:all .3s}button:hover{opacity:.8}