.App{font-family:sans-serif;text-align:center}.App,body{margin:0;padding:0}body{background:#000}.main{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Georgia,Times New Roman,Times,serif}.moviegroup{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;position:relative;text-align:center;z-index:0}.moviegroup>div{border:3px solid transparent;height:500px;overflow:hidden;position:relative;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:0}.moviegroup>div:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}.movieimage{height:200px;max-height:100%;object-fit:cover;width:200px;width:100%}.movietitle{height:40px;margin-top:10px;padding:25px;-webkit-transform:translateZ(0);transform:translateZ(0)}.movierating{font-size:20px;font-weight:700}.button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:20px;outline:inherit;padding:10px 20px}.button:hover{background-color:#fff;border-radius:10%;color:#000}.links{align-items:center;display:flex;justify-content:center}.links button{background-color:#fff;border:2px solid #000;border-radius:10px;cursor:pointer;font-family:Georgia,Times New Roman,Times,serif;font-weight:700;height:30px;letter-spacing:1px;margin:10px 40px;width:150px}.links button:hover{border:2px solid #fff}.links button a{color:#000;font-size:15px;font-weight:700;text-decoration:none}
/*# sourceMappingURL=main.57d3d3e1.css.map*/