body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a262e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container--header{width:100%;height:6rem;display:flex;flex-direction:column;align-items:center;z-index:1}.headerHome{width:100%;background-color:#1a262e}.headerHome,.headerHome--nav{height:100%;display:flex;flex-direction:row;justify-content:space-between}.headerHome--nav{width:50%;align-items:center;font-size:30px}.headerHome--nav a{height:100%;color:#959595;text-decoration:none}.headerHome--nav div{width:300px;height:100%;display:flex;align-items:center;justify-content:center}.headerHome--nav div:hover{background-color:hsla(0,0%,100%,.301);border-radius:5px}.websiteName{color:#fff;font-size:60px}.websiteName--responsive{color:#fff;font-size:40px;margin-top:10px;text-decoration:none}.reponsive--link{text-decoration:none}.headerHome--searchBar{width:500px;height:100%;display:flex;align-items:center;justify-content:space-around}.headerHome--searchBar input{width:60%;height:30px;background-color:#2b3c48;color:#fff;font-size:20px;border:none}.selected--avatar{background-color:hsla(0,0%,100%,.301);border-radius:5px}.container--avatar,.selected--avatar{width:50px;height:50px;display:flex;justify-content:center;align-items:center}.container--avatar:hover{background-color:hsla(0,0%,100%,.301);border-radius:5px}.avatar,.wheel{width:35px;height:auto}.lign{width:95%;height:3px;background-color:#fff}.home--responsive{display:none}@media screen and (max-width:1400px){.headerHome--nav div{width:200px}}@media screen and (max-width:1100px){.headerHome{width:90%}.headerHome--nav div{width:100px}.headerHome--nav{width:60%;font-size:20px}.headerHome--searchBar{width:500px}.headerHome--searchBar input{width:50%;font-size:15px}.websiteName{font-size:50px}}@media screen and (max-width:800px){.headerHome{width:90%}.headerHome--nav{display:none}.headerHome--searchBar{width:500px}.home--responsive{display:block;width:100%;height:5rem;display:flex;flex-direction:row;align-items:center}.avatar,.wheel{width:20px;height:auto}}@media screen and (max-width:450px){.websiteName{font-size:40px}.headerHome{width:100%}.headerHome--searchBar{width:200px}}.movieCard{width:80%;padding:20px;border:2px solid hsla(0,0%,100%,.64);display:flex;flex-direction:column;align-items:center}.movieCard--img{position:relative}.movieCard--img:hover{transform:scale(1.05);transition:all .5s ease-in-out}.movieCard--poster{width:300px;height:440px;position:relative}.movieCard--icon{bottom:0;position:absolute;background-color:rgba(0,0,0,.49);width:100%;height:5rem;display:flex;justify-content:flex-end;align-items:center}.movieCard--info{width:300px;height:100px;position:relative;padding:5px;font-size:1rem;margin-top:20px;background-color:hsla(0,0%,100%,.64);display:flex;flex-direction:column;align-items:center}.movieCard--info span{margin-top:10px;text-align-last:center}@media screen and (max-width:400px){.container--link{width:100%}.movieCard--poster{width:200px;height:350px}.movieCard--info{width:200px}}.container--link{width:25%;margin-bottom:50px;color:#000;background-color:#1a262e;align-items:center}.container--link,.directorCard{display:flex;justify-content:center}.directorCard{width:65%;position:relative}.directorCard--poster{width:300px;height:440px;position:relative}.directorCard--info{position:absolute;flex-direction:column;width:300px;height:100px;left:50;bottom:4px;background:rgba(0,0,0,.5)}.directorCard--info,.directorCard--info span{display:flex;align-items:center;justify-content:center}.directorCard--info span{font-size:1.5rem;color:#fff;font-weight:bolder;margin-bottom:.5rem;text-transform:uppercase}.directorCard a:active,.directorCard a:hover,.directorCard a:link,.directorCard a:visited{color:rgba(255,0,0,0)}@media screen and (max-width:1400px){.container--link{width:33%}}@media screen and (max-width:1000px){.container--link{width:50%}}@media screen and (max-width:700px){.container--link{width:100%}}@media screen and (max-width:400px){.container--link{width:100%}}.burger{top:50%;left:2rem;margin:20px;position:absolute;display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.burger div{width:2rem;height:.25rem;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.burger--responsive{top:1%;left:9.5rem;margin:20px;position:absolute;display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.burger--responsive div{width:2rem;height:.25rem;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.first--close{transform:rotate(45deg)}.second--close{opacity:0}.third--close{transform:rotate(-45deg)}@media screen and (max-width:400px){.burger--responsive{left:8rem;top:1.5%;margin:20px}}.menu--burger--hide{position:absolute;transform:translateX(-100%)}.menu--burger{width:25%;height:100px;padding:50px;color:#fff;background-color:#1b192c;position:absolute;top:15px;z-index:5;transform:translateX(0);display:flex;flex-direction:column;justify-content:space-around}.menu--burger span{font-size:18px}.sorting--menu{width:100%;position:relative;display:flex;flex-direction:row}.sorting--label{width:25%;margin-top:10px;font-size:18px;color:#fff;pointer-events:none}.sorting--menu select{width:75%;font-size:18px;color:hsla(0,0%,100%,.87);outline:none;border:none;border-bottom:2px solid #a9a9a9;background:none}.sorting--menu option{background-color:#2b3c48;border:none;outline:none}.sorting--menu select:hover{border-bottom:2px solid #bd1521}@media screen and (max-width:1400px){.sorting--menu{flex-direction:column}.sorting--label,.sorting--menu select{width:100%}}@media screen and (max-width:500px){.menu--burger span,.sorting--label,.sorting--menu select{font-size:15px}}.menu--burger--hide{display:none}.menu--burger--responsive{width:30%;height:10%;color:#fff;border-radius:5px;background-color:#464455;position:absolute;top:65px;z-index:5;flex-direction:column;font-size:30px}.menu--burger--responsive,.menu--burger--responsive a{display:flex;justify-content:center;align-items:center}.menu--burger--responsive a{width:90%;height:40%;color:#959595;text-decoration:none}.menu--burger--responsive a:hover{background-color:hsla(0,0%,100%,.301);border-radius:5px}.selected{border-radius:5px}@media screen and (max-width:900px){.menu--burger--responsive{height:10%}.menu--burger--responsive a{height:80%}}@media screen and (max-width:500px){.menu--burger--responsive a{font-size:20px}}.home{width:100%;min-height:calc(100vh - 158px);margin-top:50px}.home h2{text-align:center;font-size:5rem;color:#fff;margin-bottom:50px}.carousel--link{width:350px;height:532px;margin:10px 10px 50px;background-size:cover;cursor:pointer}.carousel--link:hover{transform:scale(1.15);transition:all .5s ease-in-out}.text{height:100%;color:#fff;font-size:3rem;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.67)}@media screen and (max-width:1600px){.carousel--link{width:300px;height:450px;margin:10px 10px 50px;background-size:cover;cursor:pointer}}@media screen and (max-width:1300px){.carousel--link{width:250px;height:350px;margin:10px 10px 50px;background-size:cover;cursor:pointer}}@media screen and (max-width:900px){.carousel--link{width:250px;height:350px;margin:10px 10px 50px;background-size:cover;cursor:pointer}.home h2{font-size:3rem}}@media screen and (max-width:400px){.carousel--link{width:150px;height:210px}}.container--movie{width:100%;min-height:calc(100vh - 158px);margin-top:50px;display:flex;flex-direction:row;justify-content:space-around}.posterMovie--img{width:500px;height:43rem}.container--movieInfo{width:50%;height:42rem;border:1px solid #fff;padding:10px}.container--movieInfo,.movieInfo{display:flex;flex-direction:column;justify-content:space-between}.movieInfo{width:100%;height:75%;align-items:flex-start}.movieInfo span{width:100%;font-size:2rem;color:#fff}.director--name{text-decoration:none}.infoClic{color:grey;font-size:1vw;margin-left:14rem;display:inline}.infoClic:hover{color:#fff}.synopsis{font-size:1.7vw;color:#959595;text-align:justify}.container--buttonWatch{width:300px;padding:10px;text-decoration:none;background-color:#9e0000;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.container--icons{align-items:center}.container--icons,.icons{display:flex;justify-content:space-around}.icons{flex-direction:row}.buttonWatch{font-size:35px;color:#fff;background-color:#9e0000}.play{width:65px;height:65px}@media screen and (max-width:1600px){.infoClic{margin-left:4rem}}@media screen and (max-width:1200px){.movieInfo span{font-size:1.5rem}}@media screen and (max-width:1100px){.posterMovie--img{width:350px;height:30rem}.container--movieInfo{width:45%;height:28.5rem}.movieInfo span{font-size:1rem}.infoClic{margin-left:5rem}}@media screen and (max-width:800px){.container--movie{flex-direction:column;align-items:center}.posterMovie--img{width:250px;height:25rem;margin-bottom:30px}.container--movieInfo{width:90%;height:500px;align-items:center}.synopsis{font-size:20px}.infoClic{font-size:1rem;margin-left:10rem}.container--buttonWatch{width:130px}.buttonWatch{font-size:20px}.play{width:35px}.icons{position:absolute;top:60%}}.container--list{position:relative}.container--list h1{text-align:center;margin:50px;font-size:50px;color:#fff}.aside--burger{position:relative;top:-100px}.container--movies{width:100%;background-color:#1a262e;display:flex;flex-flow:wrap}#scroll_to_top{position:fixed;width:25px;height:25px;bottom:3%;right:2%}#scroll_to_top img{width:25px}.container--director{width:100%;min-height:calc(100vh - 158px);margin-top:50px;display:flex;flex-direction:row;justify-content:space-around}.imgDirector--img{width:500px;height:43rem}.container--directorInfo{width:50%;height:42rem;border:1px solid #fff;padding:5px;display:flex;flex-direction:column;align-content:space-around}.directorInfo{width:100%;height:40%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.directorInfo span{width:100%;font-size:2rem;color:#fff}.director--moviesList{width:100%;font-size:2rem;margin-top:5px;position:relative;display:flex;flex-flow:row wrap}.movie--title{width:50%;margin-top:20px;color:#959595;font-size:1.5rem;position:relative;text-decoration:none}.movie--title:hover{text-decoration:underline}@media screen and (max-width:1100px){.imgDirector--img{width:350px;height:30rem}.container--directorInfo{width:45%;height:29.5rem}.directorInfo span{font-size:1rem}}@media screen and (max-width:700px){.container--director{flex-direction:column;align-items:center;justify-content:center}.imgDirector--img{width:250px;height:25rem;margin-bottom:30px}.container--directorInfo{width:90%;height:600px;align-items:center}.directorInfo span{font-size:1.5rem}}.form--inscription{width:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.form--inscription h1{text-align:center;font-size:3rem;margin:50px}.form--input{height:7rem;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.form--label{width:100%;text-align:left}.form--input input{height:2rem;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.link--connection{text-decoration:none;color:#00f;margin-bottom:20px}.btn--signup{width:10rem;height:3rem;font-size:1.5rem;border:none;border-radius:10px;color:#fff;background-color:#000;cursor:pointer}.form--connexion{width:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.form--connexion h1{text-align:center;font-size:3rem;margin:50px}.form--connexion--input{height:7rem;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.form--connexion--label{width:100%;text-align:left}.form--connexion--input input{height:2rem;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.link--inscription{text-decoration:none;color:#00f;margin-bottom:20px}.btn--signin{width:10rem;height:3rem;font-size:1.5rem;border:none;border-radius:10px;color:#fff;background-color:#000;cursor:pointer}.container--account{color:#fff;font-size:2rem;text-align:center;margin-top:100px}.account{width:100%;display:flex;justify-content:space-around;align-items:center}.bloc--seen,.bloc--wanted{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.movies--list{width:50%;height:100vh;color:#fff}.movies--list li{margin-top:20px;text-align:start;color:#fff}.movies--link{color:grey;text-decoration:none}.movies--link:hover{color:#fff;text-decoration:none}.account--bloc{width:50%;height:10rem;color:#fff;font-size:2rem;margin-top:100px;border:1px solid #fff;display:flex;justify-content:space-around;align-items:center}.icon--eye,.icon--tag{width:50px}.btn--deco{position:absolute;top:110px;right:30px}.deco{width:10rem;height:3rem;font-size:1rem;border:none;border-radius:10px;color:#fff;background-color:#000;cursor:pointer}@media screen and (max-width:1200px){.account{font-size:25px}h2{font-size:30px}.icon--eye,.icon--tag{width:30px}}@media screen and (max-width:800px){.account{font-size:15px}.account--bloc{height:6rem}h2{font-size:20px}.icon--eye,.icon--tag{width:20px}}@media screen and (max-width:400px){.account{font-size:10px}h2{font-size:15px}.icon--eye,.icon--tag{width:20px}}.aside--menu{width:25%;min-height:calc(100vh - 158px);display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:fixed}.hide--aside--menu{display:none}.button--menu{width:80%;height:10rem;color:#fff;font-size:1.5rem;text-decoration:none;border:1px solid #fff;display:flex;justify-content:space-around;align-items:center}.selected{background-color:hsla(0,0%,100%,.301)}.container--form--movie{margin-left:20rem;flex-direction:column}.container--form--movie,.form--movie{display:flex;justify-content:center;align-items:center}.form--movie{width:50%;color:#fff;flex-flow:row wrap}.container--form--movie h1{text-align:center;font-size:3rem;margin:50px;color:#fff}.form--movie--input{width:40%;height:7rem;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.form--movie--label{width:80%}.form--movie--input input,.form--movie--input select{height:2rem}.form--movie--input input,.form--movie--input select,.form--movie--input textarea{width:80%;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.form--movie--input textarea{height:100px}.required:after{content:" *";color:red}.form--movie--input--kind{width:40%;height:7rem;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.container--input--kind{width:80%}.form--movie--input--kind .input--kind{width:5%}.option--kind{background:#2b3c48}.select--kind{width:100%;font-size:1rem}.container--modify--movie{margin-left:20rem;flex-direction:column}.container--modify--movie,.modify--movie{display:flex;justify-content:center;align-items:center}.modify--movie{width:50%;color:#fff;flex-flow:row wrap}.container--modify--movie h1{text-align:center;font-size:3rem;margin:50px;color:#fff}.modify--movie--input{width:40%;height:7rem;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.modify--movie--label{width:80%}.modify--movie--input input,.modify--movie--input select{width:80%;height:2rem;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.modify--movie--input textarea{width:80%;height:100px;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.container--modify--director{margin-left:20rem;flex-direction:column}.container--modify--director,.modify--director{display:flex;justify-content:center;align-items:center}.modify--director{width:50%;color:#fff;flex-flow:row wrap}.container--modify--director h1{text-align:center;font-size:3rem;margin:50px;color:#fff}.modify--director--input{width:40%;height:7rem;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.modify--director--label{width:80%}.modify--director--input input,.modify--director--input select{width:80%;height:2rem;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.modify--director--input textarea{width:80%;height:100px;font-size:1rem;border:none;color:#fff;margin-top:5px;background-color:#2b3c48}.btn--add{width:10rem;height:3rem;font-size:1.5rem;border:none;border-radius:10px;color:#fff;margin-top:100px;background-color:#000;cursor:pointer}.isUpdating{font-style:italic}.container--vignette{width:70%;height:100vh;margin-left:30rem;flex-flow:row wrap;justify-content:center}.container--vignette,.vignette{display:flex;align-items:center}.vignette{width:10rem;height:18rem;border:1px solid #fff;margin:5rem;position:relative;flex-direction:column;justify-content:space-around}.vignette p{margin:0 10px;color:#fff;text-decoration:none}.delete{width:20%;margin:5px;position:absolute;top:0;right:0}.App{background-color:#1a262e;font-family:calibri;height:100vh}@font-face{font-family:"calibri";src:url(/static/media/Calibri\ Regular.5d7c31b2.ttf)}
/*# sourceMappingURL=main.33f2842b.chunk.css.map */