@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#55587d;color:#fff;margin:0 auto;max-width:1600px}.root{background-color:#22254b;display:flex;flex-direction:column}header{background-color:#373b69;justify-content:space-between;padding:1rem 2rem}.btns-group,header{display:flex;flex-wrap:wrap}.btns-group{gap:20px}.search{background-color:transparent;border:2px solid #22254b;border-radius:50px;color:#fff;font-family:inherit;font-size:1.2rem;padding:.5rem 1.5rem}.button{align-items:center;-webkit-appearance:none;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#22254b 0,#373b69 100%);border:0;border-radius:50px;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 rgba(32,60,242,.5);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;touch-action:manipulation;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;will-change:box-shadow,transform}.button:focus{box-shadow:inset 0 0 0 1.5px #212a6e,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #212a6e}.button:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #212a6e;color:#02fafa;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button:active{box-shadow:inset 0 3px 7px #212a6e;-webkit-transform:translateY(2px);transform:translateY(2px)}.button:disabled{background-image:radial-gradient(100% 100% at 100% 0,#ccc 0,#ccc 100%);box-shadow:none;color:#999;cursor:default;opacity:.6;pointer-events:none}.movie-results{display:flex;margin-left:110px}.movies-quantity{font-size:1.2rem}.movies-quantity_wishlist{font-size:1.2rem;margin-top:40px}.movie-container{display:flex;flex-wrap:wrap;justify-content:center;min-height:100vh}.movie{background-color:#373b69;border-radius:3px;box-shadow:3px 3px 3px rgba(0,0,0,.1);height:550px;margin:1rem;overflow:hidden;position:relative;width:300px}.movie:hover{box-shadow:0 5px 20px blue;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.addIcon:hover,.deleteIcon{cursor:pointer}.movie img{height:450px;object-fit:cover;width:100%}.movie-info{align-items:center;display:flex;justify-content:space-between;padding:1rem}.movie-info h3{margin:0}.movie-overview{background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;box-shadow:0 -3px 5px rgba(0,0,0,.1);color:#22254b;left:0;max-height:100%;overflow:auto;padding:1rem;position:absolute;right:0;-webkit-transform:translateY(102%);transform:translateY(102%);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}.movie:hover .movie-overview{-webkit-transform:translateY(0);transform:translateY(0)}.tag{background-color:#22254b;border-radius:5px;font-weight:700;padding:.5rem}.tag.green{color:#05b105}.tag.orange{color:#e89906}.tag.red{color:#f80404}.movie-details{align-items:flex-start;display:flex;flex-wrap:wrap;min-height:100vh}.movie-details__poster{flex:0 0 300px;margin:20px}.movie-details__poster img{display:block;height:auto;width:100%}.movie-details__info{flex:1 1;margin:20px}.movie-details__title{font-size:24px;font-weight:700}.movie-details__release{font-size:16px;font-weight:700}.movie-details__genres,.movie-details__overview,.movie-details__revenue,.movie-details__runtime{font-size:16px}.movie_tag{background-color:#404588;border-radius:5px;font-weight:700;padding:.5rem}.movie_tag.green{color:#05b105}.movie_tag.orange{color:#e89906}.movie_tag.red{color:#f80404}.pagination{display:flex;gap:10px;justify-content:center;list-style:none;margin-top:30px;padding-left:0}.pages-list{cursor:pointer;height:30px;text-align:center;width:5%}.pages-list:hover{background-color:#373b69;border:1px solid #373b69;color:#fff}@media only screen and (max-width:450px){.movie-details__poster{margin:20px auto}header,ul{justify-content:center}.button{margin-bottom:10px}.btns-group,.movie-results{justify-content:center}.movie-results{margin-left:0}}@media screen and (max-width:768px){.header{position:absolute}}@media screen and (min-width:1600px){.movie-results{margin-left:150px}}
/*# sourceMappingURL=main.e6126cf6.css.map*/