@import "https://fonts.googleapis.com/css2?family=Creepster&display=swap";
body{background-color:#000307;background-repeat:repeat;background-size:cover}.card-container{grid-template-columns:330px 330px 330px 330px 330px;gap:20px;margin:50px 70px 50px 80px;padding:20px;list-style:none;display:grid}.card-container.list-mode{grid-template-columns:none;justify-content:center;align-items:center;margin:100px auto;list-style:none;display:list-item}.card-container.list-mode .card{justify-self:center;align-items:center;width:20%;height:80%}.card-container.list-mode .card .card-image{width:100%;height:80%}.card-container-expanded{justify-content:center;align-items:center;margin:100px auto;list-style:none;display:list-item}.card{cursor:pointer;color:#fff;background-color:#000;border-radius:8px;width:300px;height:400px;margin-bottom:10px;padding:16px;transition:all .5s ease-in-out;display:list-item;box-shadow:0 2px 4px #0000001a}.card-expanded{cursor:pointer;object-fit:contain;color:#fff;background-color:#000;border-radius:8px;width:550px;height:800px;margin-bottom:10px;padding:16px;list-style:none;transition:all .5s ease-in-out;display:list-item;box-shadow:0 2px 4px #0000001a}.card-image-expanded{border-radius:8px;width:500px;height:550px;margin:5px}.card:hover{color:#000;background-color:#00ff25;transition:all .5s ease-in-out;transform:translateY(-15px)}.card:active{background:red;transition:all 1ms ease-in-out}.card-image{object-fit:cover;border-radius:8px;width:500px;height:250px;margin:5px}.header{background:#000;justify-content:center;align-items:center;height:120px;padding:0;display:flex;position:relative}.header-image{object-fit:contain;width:300px;height:auto;margin:0;display:block}.search-bar{color:#fff;background-color:#000;border:2px solid #fff;border-radius:50px;width:200px;height:40px;transition:all .5s ease-in-out;position:absolute;right:200px}.search-bar::placeholder{color:#888}.search-bar:hover{transition:all .5s ease-in-out;scale:1.05;box-shadow:0 4px 10px #0000004d}.search-bar:focus{background:#1c1c1c;border-color:#333;box-shadow:0 4px 12px #0006}.search-bar:active{box-shadow:0 2px 5px #0003}.no-results{text-align:center;color:#fff;margin-top:20px}.display-button{color:#fff;cursor:pointer;background-color:#323232;border:1px solid #fff;border-radius:50px;padding:5px 20px;transition:all .5s ease-in-out;position:relative;right:-320px}.display-button:hover{color:#000;background-color:#00ff25;transition:all .5s ease-in-out;scale:1.05}