*{box-sizing:border-box;margin:0;padding:0}.App{background:#006811}.App nav{background-color:#507a4e;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px;width:100%}.App nav ul{align-self:center;display:flex;justify-content:space-around;width:10%}.App nav ul li{color:wheat;cursor:pointer;left:20px;list-style:none;margin:10px;position:relative}.App nav .search{background:#0000;border:2px solid #006811;border-radius:20px;color:wheat;height:30px;outline:none;padding:10px;position:absolute;right:100px;top:20px}.App nav .search::placeholder{color:wheat}.App nav .btn,.App nav .search:focus{background:#006811;border:2px solid #507a4e}.App nav .btn{border-radius:10px;color:wheat;height:30px;margin:10px;width:80px}.App nav .btn:hover{background:#507a4e;border:2px solid #006811;cursor:pointer}.App .info-card{display:flex;flex-wrap:wrap;justify-content:space-around}.App .info-card .card{height:450px;margin:10px;overflow:hidden;width:300px}.App .info-card .card:hover .text{transform:translateY(-100%)}.App .info-card .text{background:#507a4e;display:flex;flex-direction:column;padding:5px;transform:translateY(0)}.App .info-card .text h3{color:wheat;padding:10px;width:200px}.App .info-card .text p{padding:5px}.App .info-card .text .vote{align-content:center;align-self:flex-end;background:#006811;font-weight:700;margin:10px 15px 0 0;padding:5px;position:absolute;width:30px}.App .info-card .text .release-date{color:wheat;display:inherit;justify-content:flex-end}.App .genre{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:10px auto;width:70%}.App .genre .button{background:#ff4500;border:2px solid #507a4e;border-radius:20px;font-size:16px;font-weight:500;margin:5px 5px 5px 20px;padding:10px 20px}.App .genre .button:hover{cursor:pointer;transform:translateY(-5px)}.App .genre .colored{background:blue!important}.App .pagenation{align-items:center;display:flex;font-size:20px;justify-content:center}.App .pagenation .prev{cursor:pointer;margin:10px}.App .pagenation .pgno{border:2px solid orange;border-radius:50px;padding:20px 25px}.App .pagenation .next{cursor:pointer;margin:10px}.App .pagenation .disabled{color:gray;cursor:not-allowed}.App .footer{align-items:center;background:#507a4e;color:#f5f5f5;display:flex;justify-content:center;margin-top:10px;padding:10px}@media screen and (max-width:400px){.App nav{display:block}.App nav ul{display:flex;justify-content:space-evenly;width:100%}.App nav .search{margin-right:10px;right:0;top:60px}.App nav .btn{position:relative;top:2px}.App nav .form{align-items:flex-start;display:flex;justify-content:flex-start}}
/*# sourceMappingURL=main.c1f4d05e.css.map*/