@import "https://fonts.googleapis.com/css?family=Open+Sans";.picture-shadow-container{overflow:hidden;position:relative;height:100%}.picture-shadow{position:absolute;background-color:#0000001a;width:200%;top:0;bottom:0}.App{text-align:center}.App-logo{animation:App-logo-spin infinite 20s linear;height:80px}.App-header{color:#fff;background-color:#222;height:150px;padding:20px}.App-intro{font-size:large}.main-container{z-index:0;position:relative}.main-container--hidden{overflow:hidden;width:100vw;height:100vh}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container{display:grid;grid-template-areas:"toolbox" "previous-btn" "movies" "next-btn";overflow:hidden;max-width:100vw;padding-top:45px}.home-container .toolbox{display:grid;grid-area:toolbox;grid-template-areas:"search count add" "search count add";grid-template-columns:auto minmax(auto,120px)40px;grid-template-rows:40px 25px;padding:4px}.home-container .movie-count{grid-area:count;display:inline-block;color:#000;text-align:right;padding:5px 10px;font-size:12px;line-height:30px}.home-container .add-movie-btn{grid-area:add;position:fixed;text-align:center;z-index:2;color:#fff;text-decoration:none;background-color:#59cd90;width:40px;height:40px;line-height:40px;right:0}.home-container .previous-btn{grid-area:previous-btn;height:30px;margin-bottom:10px}.home-container .movie-list{grid-area:movies;position:relative;z-index:0}.home-container .next-btn{grid-area:next-btn;height:30px;margin-top:10px}.home-container .fetch-more{grid-area:more;height:40px;margin-top:15px}@media screen and (max-width:500px){.home-container{display:flex;flex-direction:column;padding:0 20px 40px}.home-container .add-movie-btn{position:fixed;border-radius:40px;bottom:10px;right:10px}}.movie-list{display:grid;grid-row-gap:10px}@media (min-width:500px){.movie-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;grid-template-rows:initial}}@media (min-width:980px){.movie-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.movie-item{display:grid;grid-template-areas:"picture content" "options options";grid-template-columns:50px calc(100% - 50px);text-align:left;justify-content:left;font-size:11px;line-height:14px;box-shadow:0 0 2px #0003}.movie-item h3{margin:0}.movie-item picture,.movie-item .picture-shadow-container{grid-area:picture;display:flex;overflow:hidden;justify-content:center;justify-self:center;align-items: center;width:50px}.movie-item picture img{max-width:100%}.movie-item__content{grid-area:content;box-sizing:border-box;padding:5px 10px}.movie-item .infos{display:flex;flex-direction:column;justify-content:flex-start;align-items: flex-start}.movie-item .infos>*{margin-right:5px}.movie-item p{margin:0}.movie-item .options{grid-area:options;text-align:right;display:flex;align-self: flex-end;width:100%;height:40px}.movie-item .options>*{text-align:center;vertical-align:center;color:#fff;line-height:40px}.movie-item .options button{border:none}.movie-item .options button:first-child{background-color:#3fa7d6;flex-basis:80%}.movie-item .options button:last-child{background-color:#ee6352;flex-basis:20%}@media (min-width:501px){.movie-item{display:grid;grid-template-areas:"picture" "content" "options";grid-template-columns:1fr;width:150px;height:200px;margin:0 auto 15px}.movie-item>:not(picture){z-index:10}.movie-item picture,.movie-item .picture-shadow-container,.movie-item__content{width:100%}.movie-item picture,.movie-item .picture-shadow-container{z-index:0;grid-row:1/span 3}.movie-item__content,.options{background-color:#0006}.movie-item__content{grid-column:1;grid-row:2;color:#fff;padding-bottom:5px}.movie-item .options{flex-direction:row;justify-content:flex-end;align-items: flex-end}.movie-item section{display:flex;flex-direction:column;align-items: flex-start}.movie-item .infos{align-items: flex-start}}@media (min-width:980px){.movie-item{display:grid;grid-template-areas:"picture content" "picture options";grid-template-columns:150px 1fr;width:auto;height:200px;margin:0}.movie-item picture,.movie-item .picture-shadow-container{grid-area:picture;grid-row:1/span 2;justify-self:center}.movie-item__content{grid-area:content;color:inherit;background-color:#0000;height:calc(100% - 40px)}}.format-list{margin-top:5px}.format-list .format{display:inline-block;vertical-align:middle;margin-right:4px}.format{text-transform:uppercase;filter:drop-shadow(0 0 1px #fff);height:10px;font-size:9px}.cover-input-container{display:flex}.cover-input-container img{height:150px}.proposal{display:grid;grid-template-areas:"picture title" "picture releaseDate" "picture direction";grid-template-columns:100px 1fr;grid-column-gap:5px;margin-bottom:10px}.proposal img{grid-area:picture}.proposal__title{grid-area:title}.proposal__releaseDate{grid-area:releaseDate}.proposal__direction{grid-area:direction}.proposal-list{display:block;position:fixed;overflow:auto;background:#fff;width:calc(100vw - 8px);height:calc(100vh - 8px);padding:4px;top:4px;left:4px;box-shadow:0 0 16px #000}.proposal-list__close-btn{display:block;text-align:right}.searchbox input{display:block;-webkit-appearance:textfield;border:1px solid #0006;width:100%;height:40px}.searchbox span{padding:2px 4px;font-weight:700}.flash-message-container{position:fixed;z-index:10;animation:slide-in .4s linear forwards,slide-out .4s 1s linear forwards;text-align:center;color:#000;width:100vw;top:0;transform:translateY(-100%)}.flash-message-container[status=success]{color:#fff;background-color:#aed69b;font-weight:600}.flash-message-container[status=failure]{background-color:#e3665a}.flash-message-container p{margin:5px 10px}@keyframes slide-in{0%{transform:translateY(-100%)}to{transform:translate(0,0%)}}@keyframes slide-out{0%{transform:translate(0,0%)}to{transform:translateY(-100%)}}.loader-overlay{position:fixed;z-index:1;background-color:#0006;width:100vw;height:100vh;top:-100vh}.loader-overlay--visible{top:0}.loader-overlay .loader-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-overlay span{display:inline-block;animation:blink 1s infinite;background-color:#fff;border-radius:5px;width:5px;height:5px;margin-right:5px}.loader-overlay span:nth-child(2){animation-delay:.2s}.loader-overlay span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}to{opacity:1}}.authForm{display:flex;justify-content:center;align-items: center;width:100vw;height:100vh}.authForm form{display:flex;flex-direction:column;align-items: flex-end}.authForm input{width:200px;margin-bottom:15px;margin-left:5px;line-height:25px}.authForm .formActions{display:flex;justify-content:space-around;align-self: center;margin-top:15px}.authForm .formActions button{cursor:pointer;border:0;border-radius:20%;height:44px;padding:5px 10px}.authForm form a{align-self: center}.login-options-container{display:flex;justify-content:center;align-items: center;width:100vw;height:100vh}*{box-sizing:border-box}body{color:#3f3f54;margin:0;padding:0;font-family:Open Sans,sans-serif}