*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}*{transition:.3s ease-in-out}body{height:100vh;background-color:#070f1d;color:rgb(red,green,blue);font-family:futura-100,sans-serif;font-weight:500;overflow-x:hidden}.landing{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 200px 0 100px;margin:0}h1{color:#fff;font-weight:800;font-size:50px;max-width:710px;transition:.3s ease-in-out;width:fit-content}h2{color:#fff;font-weight:800;font-size:25px}.posterBlock{display:flex;flex-direction:column;width:fit-content;height:fit-content;transform:scale(1.1);opacity:0}.posterInfo{margin-top:10px;display:flex;justify-content:left;align-items:flex-end;gap:5px;padding-left:5px}.posterInfo img{height:18px;width:auto;filter:contrast(0%)}.posterInfo p,.posterContains{font-size:13px;color:#cacaca;font-weight:400}.posterContains{padding-left:5px}mark{background-color:#f0003c;color:#fff;padding:0 3px}.posterTitle{padding-left:5px;font-size:16px;font-weight:600;color:#fff}.poster{border:none;border-radius:40px;height:600px;width:400px;color:#fff;transition:transform .1s ease;transform-style:preserve-3d;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:center;overflow-x:hidden}.bubble{background-color:#fff;border-radius:0 100px 100px 0;margin-top:5%;display:flex;justify-content:right;align-items:center;padding:4px 7% 8px 10px;overflow-x:hidden;transform:translate(-400px);filter:drop-shadow(0 0 20px black);gap:5px;width:fit-content}.bubble p{color:#000;font-weight:600;font-size:16px;white-space:nowrap}.bubble img{height:23px;width:auto;filter:invert(100%)}.back{height:40px;width:auto;cursor:pointer;position:fixed;top:60px;left:60px;z-index:3}.back:hover{transition:transform .2s ease-in-out;transform:scale(1.2)}.tags{display:flex;justify-content:left;align-items:center;overflow-x:scroll;max-width:100%;gap:15px}.tag{cursor:pointer;background-color:#fff;color:#000;border-radius:100px;border:solid 2px #fff;padding:5px 20px 7px}.tag p{border:none;background-color:#fff0;color:#000;font-weight:600;font-size:16px;white-space:nowrap}.tagImg{height:43px;width:auto;max-width:none}.input_block .tags{margin-top:10px}.landingFilm{width:100%;margin-top:50px;display:flex;justify-content:center;gap:200px;padding:0 60px}#might{gap:20px;justify-content:left}.infos{display:flex;flex-direction:column;justify-content:left;color:#fff;font-size:16px;max-width:800px;gap:20px}.rate{display:flex;justify-content:center;align-items:center;border-radius:100px;border:solid 2px #fff;gap:25px;width:fit-content;height:fit-content;padding:7px 20px}.rate div{display:flex;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:600}.rate img{transition:0s;height:25px;width:auto;cursor:pointer}.trailer{border-radius:18px;width:69%;height:356px}.dislike img{transform:rotate(180deg)}.info{opacity:0;transform:translateY(180px)}.subtitle{display:flex;justify-content:space-between;align-items:center;padding:0 60px;margin-top:40px}.sort{margin-top:5px;display:flex;justify-content:center;align-items:center}.sort:hover{cursor:pointer}.sort:hover img{filter:contrast(100%)}.sort:hover p{color:#fff}.sort img{filter:contrast(0%);height:30px;width:auto}.sort p{margin-top:2px;font-size:16px;color:gray}#numberResults{font-size:16px;color:gray}.popular{display:flex;justify-content:left;align-items:flex-start;overflow-x:scroll;gap:25px;padding:20px 60px}.left{display:flex;flex-direction:column;gap:20px}button{width:fit-content;font-weight:600;cursor:pointer;background:#a30036;border-radius:12px;border:none;padding:0;outline-offset:4px}form{display:flex;flex-direction:column;align-items:flex-start;justify-content:left;gap:40px;width:500px}.input_block{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px;width:100%}label{color:#fff;text-align:left;font-size:20px;font-weight:600}input,textarea{border:none;border-radius:12px;padding:10px 0 13px 10px;font-size:16px;width:100%;transition:0s;max-width:100%}textarea{height:200px}.icons{margin-top:15px;display:flex;gap:20px}.action{background-color:#fff0;border:solid white 2px;border-radius:100px;padding:10px;height:fit-content}.action img{height:25px;width:auto}.front{display:block;padding:12px 62px;border-radius:12px;font-size:16px;background:#f0003c;color:#fff;transform:translateY(-6px);transition:transform 0s,}.pushable:active .front{transition:transform .1s;transform:translateY(-2px)}#load{transform:scale(1.1);opacity:0;display:none}.popupBlock,.noMovie{display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content;width:fit-content;color:#000;background-color:#fff;border-radius:26px;padding:40px;opacity:0;scale:1.5;margin:auto;overflow:hidden;border:none}footer{height:300px}.noMovie{display:none}.popupBlock::backdrop{background-color:#00000084}#tag_input{margin-top:20px;border:solid 2px grey}.infoIcon{height:90px;width:auto;transform:rotate(180deg);filter:drop-shadow(0 0 40px #F0003C)}.add{filter:drop-shadow(0 0 40px #34C9A5)}.popupBlock h3,.noMovie h3{margin-top:20px;font-size:25px}.buttons{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:15px}#cancelButton span{background-color:gray}#cancelButton{background-color:#3b3b3b}.logo{height:50px;min-width:164.7px}.topMenu{display:flex;justify-content:space-between;align-items:center;width:100%;padding:50px}nav{display:flex;justify-content:center;align-items:center;gap:28px}.searchLogo{height:40px;width:auto;filter:brightness(400%);display:none}nav a{color:#cacaca;text-decoration:none;text-align:center;font-family:futura-100,sans-serif;font-weight:500;font-size:18px;transition:.1s}nav a:hover{color:#a2a2a2}#menuSelected{color:#fff}.search{display:flex;justify-content:left;align-items:center;gap:10px;width:fit-content;background-color:#fff;border-radius:100px;padding:20px 0 20px 20px;width:90%}.search input{outline:none;border-radius:0;width:89%;padding:0;font-size:16px;margin-top:-3px}.search img{height:25px;width:auto}.title{margin:50px 0 80px;padding-left:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.title p{color:#cacaca;font-size:16px}.top{padding-left:60px;display:flex;flex-direction:column;justify-content:left;align-items:flex-start;gap:20px}.movies{display:flex;flex-wrap:wrap;justify-content:left;align-items:flex-start;gap:25px;width:100%;margin-top:50px;padding-left:60px}.bottom{width:fit-content;height:fit-content;margin:70px auto}footer{padding:30px;width:100%;height:auto;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:50px;margin-top:50px}footer svg{height:100px}footer div{display:flex;justify-content:center;align-items:left;flex-direction:column;gap:20px}footer p{font-weight:800;color:#fff;font-size:22px}footer a{text-decoration:none;color:#fff}.social{justify-content:left;align-items:center;gap:10px;flex-direction:initial}footer .contacter img{height:37px;width:auto}footer .contacter svg{height:30px;width:auto}@media(max-width:1470px){.landing{padding:0 100px}.topMenu a{font-size:20px}}@media(max-width:1456px){.popular,.subtitle,.top,.title,.movies{padding-left:40px}.landingFilm,.landing{flex-direction:column;padding-left:40px;padding-right:0;gap:40px;align-items:flex-start;margin-top:130px}h1{font-size:40px}.landing{margin-top:0}#desc{width:450px}.landingFilm .tags{width:480px}form{width:400px}.posterBlock{order:-1;scale:.7}}