*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Arial,Helvetica,sans-serif}body,html{color:#f0f8ff;overflow:hidden;background:#000}#hero{height:100vh;background:url(/public/images/img/hero-img.png) center/cover no-repeat}.container{display:flex;justify-content:center;align-items:center;height:100%;background:#18171780;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(10px);padding:20px}.card{width:400px;background:#222;box-shadow:0 -4px 20px -2px #0006}.card-bottom h2{width:100%;text-align:center}.card-bottom{padding:15px}.card-top img{width:100%}.spot:hover .play{transition:.3s;background:#1ed760;color:#222;border:solid 1px #1ed760;box-shadow:0 0 10px #1ed760,0 0 10px #1ed760,0 0 20px #1ed760}.spot{transition:all;cursor:pointer;display:flex;justify-content:space-between;margin-top:20px;width:100%;border:solid 1px #636363;padding:20px;border-radius:10px}.play{font-size:small;color:#fff;padding:3px 10px;border-radius:4px;border:solid 1px #636363;text-decoration:none}