*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;justify-content:center;margin:0;min-height:100vh}h1{font-size:x-large;margin-bottom:1em;text-align:center}.container{grid-gap:1em;background-color:#f5f5f5;display:grid;gap:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:600px;width:600px}.movie{align-items:center;background-color:#d3d3d3;border-radius:5px;display:flex;justify-content:center;transition:background-color .3s ease}.movie.selected,.movie:hover{background-color:#818589}.movie img{max-height:80%;max-width:90%}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}.movie.shake{animation:shake .5s ease-in-out}.popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;justify-content:center;left:50%;padding:1em 2em;position:fixed;top:10%;transform:translate(-50%,-50%);z-index:1000}.popup-content{text-align:center}.life-tracker-wrapper{background-color:#f5f5f5;border:2px solid #d3d3d3;border-radius:10px;bottom:-220px;justify-content:center;max-width:600px;padding:10px;position:absolute;width:100%}.life-tracker,.life-tracker-wrapper{align-items:center;display:flex}.lives-text{font-weight:700;margin-right:10px}.lives{display:flex}.life{border-radius:50%;height:20px;margin:0 5px;transition:background-color .3s ease;width:20px}.life,.life.active{background-color:#d3d3d3}.life.lost{background-color:#f5f5f5}.category-name{background-color:#fff;border:1px solid gray;border-radius:5px;padding:5px;position:absolute;text-align:center;width:auto;z-index:100}.github-link{left:10px;position:fixed;top:10px;z-index:1000}.github-logo{height:45px;width:45px}
/*# sourceMappingURL=main.21da10cf.css.map*/