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:#f1faee}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.loginWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#f1faee}.Intro{width:200px}.Intro h1{text-align:center;font-size:2.1em}.Intro h2{font-size:1.2em}.Intro h3{font-size:.8em}.loginImg{width:100%;max-width:400px;height:auto}.signin-btn{margin-top:5%}@media screen and (min-width:768px){.Intro{width:650px}}.Header{height:10px;right:15px;float:right}.Header__logged-in,.Header__not-logged-in,.Header__not-logged-in a:visited,.Header_logged-in a:visited{display:inline-block;position:relative;padding:.25em .5em;border:.1em solid #000;border-radius:.2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-size:10px;font-weight:300;color:#000;text-align:center;transition:all .2s;margin-top:5%;margin-right:7%}.Header__logged-in:hover,.Header__logged-in a:visited:hover,.Header__not-logged-in:hover,.Header__not-logged-in a:visited:hover{color:#fff;background-color:#000}.Header-link{text-decoration:none;color:#000}@media screen and (min-width:450px){.Header{align-items:baseline}.Header h1{font-size:22pt}.Header__not-logged-in{flex-direction:row}.Header__logged-in,.Header__not-logged-in{display:inline-block;position:relative;padding:.25em 1em;border:.1em solid #000;border-radius:.2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-size:.8rem;font-weight:300;color:#000;text-align:center;transition:all .2s;margin-top:5%;margin-right:20px}}.registrationWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.create-btn{margin-top:4%;margin-left:5%}.moviecard{margin:20px auto auto;min-width:125px;max-width:45%;box-shadow:0 6px 18px rgba(0,0,0,.1);border-radius:8px}.movieposter{width:135px;height:187px;object-fit:contain;align-self:flex-start;padding-right:2%;vertical-align:middle;justify-content:center}h2{text-align:center;flex-direction:row}.movietitle{font-size:1em}.movieoverview{padding:0 4% 4%;font-size:.6em;text-align:start}p{text-align:left}.vote-btn:disabled{color:#95a5a6;background-color:#7f8c8d}@media (min-width:767px){.moviecard{display:flex}.movieposter{top:50%}.movieoverview{font-size:.8rem}}.movielist-wrapper{margin-top:-22px;flex-direction:column;text-align:center;width:100%}.MovieList-heading{align-items:center;width:100%}:root{--sidebar-width:100px}.App-Title{color:#1d3557;margin-left:14%}.selectedListHeading{color:#457b9d}button{margin-bottom:8px;display:inline-block;padding:.25em 1em;border:.1em solid #000;border-radius:.2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:300;color:#000;text-align:center;transition:all .2s}button:hover{color:#fff;background-color:#000}@media only screen and (min-device-width:1200px){.App-Title{margin-left:7%}}.MovieListItem{list-style-type:none;text-decoration:none;display:block;outline:none}.MovieListNav_list-link{text-decoration:none;color:#000}.MovieListNav_list-link:active,.MovieListNav_list-link:hover{color:coral}.MovieListNav_list-link:visited{text-decoration:none}.MovieListNav_list:focus,.newList-form{outline:transparent}.newList-input{display:block;margin-left:55px;font-size:16px;text-align:center;margin-bottom:2%}.newList-btn{margin-left:5%}.MovieListNav_list-link:hover+.delete-btn{display:inline-block}.bm-burger-button{position:fixed;width:22px;height:20px;left:15px;top:18px;outline:none}.bm-burger-bars{background:#373a47}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#f1faee}.bm-item{display:inline-block}.bm-menu{overflow-y:hidden!important}.bm-overlay{background:rgba(0,0,0,.3)}.bm-item MovieListNav_list{display:flex;justify-content:center;text-align:center;-webkit-padding-start:0;padding-inline-start:0}@media (hover:hover) and (pointer:fine){.delete-btn:hover{display:inline-block}.delete-btn{display:none}}@media only screen and (min-device-width:768px){.bm-burger-button{width:36px;height:30px;left:36px;top:36px;outline:none}}.movielist-wrapper{justify-content:center;align-items:stretch;min-height:100vh;flex-flow:row wrap}h1{margin-left:10%}.search-content{text-align:center;justify-content:center}.list-options,.search-input{font-size:16px}.search-btn{margin-left:2px;margin-right:1px;display:inline-block;padding:.25em 1em;border:.1em solid #000;border-radius:.2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:300;color:#000;text-align:center;transition:all .2s}.search-btn:hover{color:#fff;background-color:#000}.movie-list-select{font-size:16px}.addmovie-btn{display:inline-block;padding:.25em 1em;margin-bottom:2px;border:.1em solid #000;border-radius:.2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:300;color:#000;text-align:center;transition:all .2s}.addmovie-btn:hover{color:#fff;background-color:#000}p{text-align:center}@media only screen and (min-device-width:1200px){h1{margin-left:5%}}.addmovie-modal{position:fixed;left:50%;top:50%;padding:5%;border-radius:12%;transform:translate(-50%,-50%);background:#f1faee;box-shadow:0 2px 8px rgba(0,0,0,.26)}.addMovieModal-btn,.cancelMovieModal-btn{margin:2% 5%}.modal_content{font-size:16px}.backdrop{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:rgba(0,0,0,.75)}.App{display:flex}.App_Main{width:100%}.toast-notification{width:80%}@media only screen and (min-width:768px){.toast-notification{width:100%}}
/*# sourceMappingURL=main.20172b9d.chunk.css.map */