@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-background-color:#0e2f73;--main-title-color:#c6085c;--main-text-color:#fff;--main-box-background-color:#4143ed;--main-disabled-color:#4144ed96;--main-para-color:#ddd;--main-search-card-color:#001b3e;--scroll-color:#a8a7a9;--main-border-radius:20px}html{background-color:#0e2f73;background-color:var(--main-background-color);color:#fff;color:var(--main-text-color);font-size:16px;max-width:100vw;min-height:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;scroll-behavior:smooth}.container{margin:0 auto;padding:0 5px;width:600px}::selection{background-color:#c6085c;background-color:var(--main-title-color);color:#fff;color:var(--main-text-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#a8a7a9;background-color:var(--scroll-color)}::-webkit-scrollbar-thumb{background-color:#4143ed;background-color:var(--main-box-background-color);border-radius:20px;border-radius:var(--main-border-radius)}header{margin-bottom:50px;padding:15px 0}header>div{justify-content:space-between}header div nav ul,header>div{align-items:center;display:flex}header div nav ul{flex-wrap:wrap;justify-content:space-around;list-style:none}header div .logo a,header div nav ul li a{color:#fff;color:var(--main-text-color);font-size:1.2rem;font-weight:700;padding:0 10px;text-decoration:none}header div nav ul li a{transition:all .3s}header div nav ul li a:hover{color:#4143ed;color:var(--main-box-background-color)}header div nav ul li a:last-child svg{background-color:#4143ed;background-color:var(--main-box-background-color);border-radius:50%;color:#fff;color:var(--main-text-color);padding:12px;transition:all .3s}header div nav ul li a:last-child svg:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.home>div h1{font-size:1.8rem}.home>div h1>span{font-weight:0}.home>div .movies{margin:20px}.home>div .movies .movie{background-image:url(/static/media/home.959b00fdf7862ea032d2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;border-radius:var(--main-border-radius);height:300px;margin-bottom:40px;width:100%}.home>div .movies .movies-list,.to-watch>div .movies-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:20px 0}.card{border-radius:20px;border-radius:var(--main-border-radius);height:350px}.card .image{height:65%}.card .image,.card .image img{border-radius:20px;border-radius:var(--main-border-radius);width:100%}.card .image img{height:100%;object-fit:cover}.card-one:hover .image img{border:4px solid #4143ed;border:4px solid var(--main-box-background-color)}.card .info{margin:15px;max-width:100%}.card .info h3{display:flex;justify-content:space-between;margin-bottom:5px}.card .info h3 svg{color:#a8a7a9;color:var(--scroll-color)}.card .info p{color:#fff;color:var(--main-text-color);font-size:.9rem}.card .info p span{background-color:#c6085c;background-color:var(--main-title-color);border-radius:4px;border-radius:calc(var(--main-border-radius)/5);margin-left:7px;padding:2px 3px}.card-two{background-color:#4143ed;background-color:var(--main-box-background-color)}.card-two .image{border-top-left-radius:20px;border-top-right-radius:20px;position:relative}.card-two .image .icons{background-color:#fff;background-color:var(--main-text-color);border-radius:7px;border-radius:calc(var(--main-border-radius)/4 + 2px);display:none;height:43px;left:50%;padding:10px;position:absolute;top:80%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.card-two .image:hover .icons{cursor:pointer;display:block}.card-two .image .icons svg{color:#4143ed;color:var(--main-box-background-color);font-size:1.5rem;margin:0 6px}.card-two .image img{border-top-left-radius:20px;border-top-right-radius:20px}.title{align-items:center;display:flex;justify-content:space-between}.title p{background-color:#c6085c;background-color:var(--main-title-color);border-radius:20px;border-radius:var(--main-border-radius);color:#fff;color:var(--main-text-color);float:right;font-weight:700;height:40px;letter-spacing:1px;margin-bottom:50px;padding:10px 0;position:relative;text-align:center;width:100px}.search-add{margin:0 auto}.search-add>div .search{align-items:center;background-color:#4143ed;background-color:var(--main-box-background-color);border-radius:20px;border-radius:var(--main-border-radius);display:flex;height:40px;justify-content:space-around;margin:0 auto;width:600px}.search-add>div .search input{background-color:initial;border:none;color:#fff;color:var(--main-text-color);font-size:1.3rem;height:100%;outline:none;padding:18px;width:100%}.search-add>div .search input::-webkit-input-placeholder{color:#fff;color:var(--main-text-color)}.search-add>div .search input::placeholder{color:#fff;color:var(--main-text-color)}.search-add>div .movies-list{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:minmax(700px,400px);justify-content:center;margin:50px 0}.search-add>div .movies-list>p{color:#ddd;color:var(--main-para-color);font-size:1.5rem;text-align:center}.card-search{align-items:flex-start;background-color:#001b3e;background-color:var(--main-search-card-color);display:flex;height:170px;justify-content:flex-start;padding:20px}.card-search,.card-search .image{border-radius:20px;border-radius:var(--main-border-radius)}.card-search .image{background-color:#4143ed;background-color:var(--main-box-background-color);height:130px;width:17%}.card-search .image img{border-radius:20px;height:100%;object-fit:cover;width:100%}.card-search .info{margin-left:50px;margin-top:10px}.card-search .info p{margin:15px 0}.card-search .info p span{background-color:#c6085c;background-color:var(--main-title-color);border-radius:5px;border-radius:calc(var(--main-border-radius)/4);font-size:.9rem;margin-left:5px;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-search .info .add-btn{margin-top:10px}.card-search .info .add-btn button{background-color:#4143ed;background-color:var(--main-box-background-color);border:none;border-radius:5px;border-radius:calc(var(--main-border-radius)/4);color:#fff;color:var(--main-text-color);cursor:pointer;font-size:1.1rem;margin-right:20px;padding:10px;width:150px}.card-search .info .add-btn button:disabled{background-color:#4144ed96;background-color:var(--main-disabled-color);cursor:not-allowed}@media (min-width:576px){.container{width:540px}}@media (min-width:768px){.container{width:720px}}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{width:1140px}}@media (min-width:1400px){.container{width:1320px}}@media (max-width:991px){.card{background-color:#4143ed;background-color:var(--main-box-background-color);flex-basis:50%}.search-add>div .search{width:500px}.search-add>div .movies-list{display:grid;grid-template-columns:minmax(600px,650px)}}@media (max-width:575px){.card{flex-basis:80%}.home>div .movies .movies-list,.to-watch>div .movies-list{display:flex;flex-wrap:wrap;justify-content:center}.search-add>div .movies-list{display:grid;grid-template-columns:1fr;grid-template-columns:minmax(560px,400px)}}
/*# sourceMappingURL=main.9955a711.css.map*/