*{box-sizing:border-box;margin:0;padding:0}input::-webkit-input-placeholder{color:#fff}input::placeholder{color:#fff}body{font-family:DM Sans,sans-serif}a{color:#000;text-decoration:none}.header{background-image:url(/static/media/Poster.b96c05c6dbf3fe519cfd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden}.header nav{align-items:center;height:15%;padding:20px 40px;width:100vw}.header nav,.searchbar{display:flex;flex-direction:row;justify-content:space-between}.searchbar{border:2px solid #d1d5db;border-radius:6px;height:50px;padding:10px;width:35%}.searchbar,.searchbar .searchinput{background-color:initial;color:#fff}.searchbar .searchinput{border:0;height:100%;outline:none;width:100%}.main{height:60%;width:100%}.footer{display:flex;flex-direction:column;height:20vh;place-items:center;align-items:center;justify-content:space-evenly;width:100%}.footer .footer_text,.footer .social{display:flex;flex-direction:row;gap:48px}.footer .author{display:flex;flex-direction:row}.card{box-shadow:6px 6px 7px 8px rgba(0,0,0,.1);-webkit-box-shadow:6px 6px 8px 1px rgba(0,0,0,.1);-moz-box-shadow:6px 6px 8px 1px rgba(0,0,0,.1);display:flex;flex-direction:column;height:500px}.first{height:65%;position:relative;width:100%}.first .card_image{background-size:contain;height:100%;width:100%}.card_moon{position:absolute;right:5%;top:5%}.card_items{align-items:left;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:0 15px;width:100%}.card_items .title{font-size:18px;font-weight:700}.card_items .rating{font-size:18px;justify-content:space-between}.card_items .rating,.card_items .rating .left,.card_items .rating .right{display:flex;flex-direction:row}.cards_container{display:flex;flex-wrap:wrap;gap:20px;margin:20px}.details_container{display:grid;height:100vh;place-items:center;width:100vw}.details-card{align-content:stretch;align-items:center;border-radius:10px;box-shadow:6px 6px 7px 8px rgba(0,0,0,.1);-webkit-box-shadow:6px 6px 8px 7px rgba(0,0,0,.1);-moz-box-shadow:6px 6px 8px 7px rgba(0,0,0,.1);display:flex;flex-direction:column;flex-wrap:nowrap;height:80%;justify-content:space-between;padding:0 20px 10px;width:30%}.details-card img{height:300px;width:300px}.header .content{color:#fff;display:flex;flex-direction:row;height:85%}.header .content-left{justify-content:space-around;justify-items:center;margin-left:5%}.header .content-left,.header .content-right{align-items:center;display:flex;flex-direction:column;width:50%}.header .content-right{justify-content:center}.header .content-left .ch{display:flex;flex-direction:column;width:404px}.header .content-left .ch h1{color:#fff;font-size:48px;font-style:normal;font-weight:700;line-height:56px}.ch .rating{display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px;width:100%}.ch .rating .left,.ch .rating .right{display:flex;flex-direction:row;gap:20px;width:100%}.ch h4{font-size:14px;font-weight:500;line-height:18px;width:302px}.card_moon{cursor:pointer;height:30px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:30px;z-index:100}.notfound{display:grid;height:100vh;place-items:center}.sidebar{height:100vh;width:100vh}.sideicons{display:flex;flex-direction:column;width:25%}.sideicon{gap:10px;justify-content:center}.seemore,.sideicon{align-items:center;display:flex;flex-direction:row}.seemore{justify-content:space-between;justify-items:center;padding-left:20px;padding-right:20px}.seemore p{color:#be123c;font-size:22px}@media (min-width:1024px){.cards_container>*{flex-basis:calc(25% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:1023px){.cards_container>*{flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:768px){.cards_container>*{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:480px){.cards_container>*{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:1}.header nav{display:flex;flex-direction:column}.header .searchbar{width:300px}.header .content .content-right,.header .menu{display:none}.header .content .content-left{margin-left:10%;width:100%}.header nav .imdblogo,.header nav .searchbar{margin-right:5%;width:100%}.header nav .searchbar{margin-top:5px}}
/*# sourceMappingURL=main.f72dd056.css.map*/