html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.srOnly{clip:rect(0 0 0 0);clip-path:inset(100%)}.srOnly,.visuallyHidden:not(:focus):not(:active){border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visuallyHidden:not(:focus):not(:active){clip:rect(0 0 0);clip-path:inset(100%)}:root{--backgroundColor:#fff;--mainColor:#abbeba;--accentColor:#eadbc4;--hoverColor:#b3d5df;--bodyTextColor:#000;--headingFonts:"Josefin Sans",sans-serif;--bodyFont:"Lato",sans-serif;--fav:#5e736b}html{font-size:62.5%}body{font-family:Lato,sans-serif;font-family:var(--bodyFont);font-size:1.6rem}ul{list-style-type:none;padding-left:0}h1,h2{margin:0;padding:0}img{display:block;height:100%;max-width:100%;object-fit:cover}.App{display:flex;width:100%}.wrapper{margin:0 auto;max-width:1280px;width:80%}label{margin:0;padding:0}a{color:inherit;font:inherit;text-decoration:none}.swal-title{font-family:Josefin Sans,sans-serif;font-family:var(--headingFonts);font-size:2rem}.swal-button,.swal-text{font-family:Lato,sans-serif;font-family:var(--bodyFont);font-weight:300}.swal-footer{text-align:center}.swal-button{background-color:#eadbc4;border-radius:25px;color:#000;transition:all .5s ease;width:120px}.swal-button:not([disabled]):focus,.swal-button:not([disabled]):hover{background-color:#b3d5df;cursor:pointer}input[type=checkbox]{display:none}.listComponent{transition:all .8}.toggle{align-self:start;cursor:pointer;display:none;left:5%;padding:10px;position:fixed;top:2vh;z-index:100}.bar1,.bar2,.bar3{background-color:var(--accentColor);height:5px;margin:6px 0;transition:all .4s;width:35px}.change .bar1{transform:rotate(-45deg) translate(-9px,6px)}.change .bar2{opacity:0}.change .bar3{transform:rotate(45deg) translate(-8px,-8px)}.logoAndSearch{align-items:center;color:#5f746c;display:flex;margin:40px;position:absolute;right:0;transition:.3s}.logoAndSearch a:hover{color:var(--hoverColor);cursor:pointer}.logoAndSearch a:active{color:var(--accentColor)}.logoImg{margin-left:30px;width:115px}@media (max-width:840px){.toggle{display:block}input[type=checkbox]:checked~.listComponent{left:0}.listComponent{left:-100%;position:fixed;z-index:10}}.yourLists{background-color:var(--mainColor);height:100vh;min-width:300px;overflow-y:scroll;text-align:left;width:25%}.yourLists h2{color:var(--backgroundColor);font-family:var(--headingFonts);font-size:2.5rem;font-weight:600;padding:7rem 0 2.5rem;text-transform:uppercase}.listInput{align-items:center;display:flex;justify-content:space-between;margin-bottom:60px;width:100%}.listInputContainer{width:80%}.submitButtonContainer{text-align:right;width:20%}.listInput input{background-color:#8fa19c;border:none;color:#fff;font-size:1.75rem;padding:1rem;width:100%}.roundButton{background-color:var(--accentColor);border:none;border-radius:50%;color:var(--backgroundColor);cursor:pointer;font-size:2rem;height:4rem;text-align:center;transition:.3s;width:4rem}.roundButton:hover{background-color:var(--hoverColor)}.roundButton:active{color:var(--accentColor)}.movieListContainer{width:100%}.movieList{margin-bottom:35px;width:100%}.dropDownContainer{display:flex;width:100%}.dropDownButton{align-items:center;background-color:var(--accentColor);display:flex;justify-content:space-between;margin-right:25px;padding:0 10px;width:80%}h3{font-family:var(--bodyFont);font-size:2rem;font-size:1.75rem;font-weight:100;margin:10px 0}.closeMovies,.fa-chevron-down{color:var(--backgroundColor);cursor:pointer;font-size:1.5rem;transition:.3s}.closeMovies:hover,.fa-chevron-down:hover{color:var(--hoverColor)}.movies{display:none;position:relative;text-align:left;width:80%}.showMovies{font-size:1.6rem;margin:0;transition:.5s}.moviesDisplayed{background:#fff;margin-bottom:30px;padding:0 10px}.moviesDisplayed li{background:#fff;display:flex;font-size:2rem;font-size:1.75rem}.linkContainer,.watchMovieBtn{text-align:center}.watchMovieBtn{background:var(--accentColor);border:none;border-radius:20px;color:var(--bodyTextColor);font-family:var(--bodyFont);font-size:1.2rem;padding:10px 20px;text-transform:uppercase;transition:.3s}.watchMovieBtn:hover{background-color:var(--hoverColor)}.watchMovieBtn:active{background-color:var(--backgroundColor)}.listItem{display:flex;justify-content:space-between;width:100%}.listItem:not(:last-child){border-bottom:1px solid #000}.noMoviesText{padding:10px 0}.listItem a,.listItem p{font-family:var(--bodyFont);font-weight:100;margin:15px 0}.deleteButton{background:none;border:none;color:var(--mainColor);cursor:pointer;font-size:1.3rem;padding:0;transition:.3s}.deleteButton:hover,.deleteListButton:hover{color:var(--hoverColor)}.deleteButton:active,.deleteListButton:active{color:var(--accentColor)}.deleteListButton{background:none;border:none;color:var(--backgroundColor);cursor:pointer;font-size:2rem;padding:0;transition:.3s}.closeMovies{color:#fff;margin:0}.changeClose{display:none}.activeMovieList{display:block}.yourLists .wrapper{position:relative}.addToLists{position:absolute;right:0}a.roundButton{align-items:center;display:flex;font-size:3rem;justify-content:center}.listMenu:active ul.listSubMenu,.listMenu:focus-within ul.listSubMenu{display:block}ul.listSubMenu{box-shadow:0 10px 10px -5px;display:none;font-size:1.3rem;position:absolute;right:0;width:120px;z-index:100}.listMenu .listItem a{margin:15px auto}.listMenu .listItem{cursor:pointer}.watchMovie{align-items:center;color:var(--mainColor);font-family:var(--headingFonts);font-size:2.2rem;height:100vh;width:75%}.watchMovie,.watchMovieContainer{display:flex;justify-content:center}.watchMovieContainer{align-content:center}.watchMovie h1{font-size:5rem;margin-bottom:70px;text-align:center;text-transform:uppercase}.watchMovie p{margin:0 10px}.watchMovie p:first-child{margin-left:0}.genreTimeString{align-items:center;display:flex;justify-content:center;margin-bottom:70px;width:100%}.firstString,.secondString{display:flex;text-align:center}.genreTimeString select{appearance:none;background:none;border:none;border-bottom:2px solid var(--mainColor);cursor:pointer;font:inherit;font-size:1.8rem;font-weight:100;margin:0;max-width:237px;padding:0;text-align:center}.watchMovieContainer form{display:flex;flex-direction:column}.findMovieBtn{align-self:center;cursor:pointer}@media (max-width:1216px){.genreTimeString{display:flex;flex-direction:column;width:100%}.firstString,.secondString{display:flex;justify-content:center;width:100%}.firstString{margin-bottom:30px}}@media (max-width:840px){.watchMovie{width:100%}.wrapper{width:90%}.watchMovieContainer{display:flex;width:100%}.watchMovieHead{align-items:center;justify-content:center}.genreTimeString{display:flex;flex-direction:column;width:100%}.firstString,.secondString{display:flex;justify-content:center;width:100%}}@media (max-width:475px){.watchMovie h1{font-size:3rem}}@media (max-width:390px){.firstString,.secondString{align-self:center;display:flex;flex-direction:column}.firstString select,.secondString select{align-self:center}}.movieSearchArea{align-items:center;display:flex;height:100vh;justify-content:center;width:75%}.movieSearchContainer{width:100%}.movieSearchArea h1{color:var(--mainColor);font-family:var(--headingFonts);font-size:5rem;font-weight:700;margin-bottom:70px;text-align:center;text-transform:uppercase}.movieSearchForm{align-content:center;display:flex;flex-direction:column;justify-content:center}.movieSearchBar{background:#e2ecea;border:none;font-size:2rem;height:4rem;margin-bottom:5rem;padding:2rem;width:100%}.movieSearchButton{align-self:center;cursor:pointer}.movieSearchButton:active{background:var(--accentColor)}@media (max-width:970px){.movieSearchArea h1{font-size:4rem}}@media (max-width:840px){.movieSearchArea{align-items:center;display:flex;justify-content:center;width:100%}}@media (max-width:478px){.movieSearchArea h1{font-size:3rem}}@media (max-width:385px){.movieSearchArea h1{font-size:2.5rem}}.moviePosterContainer{display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;justify-content:center;margin:20rem 0 0;width:100%}.moviePoster{height:40vh;margin:1rem 0 0 1rem;position:relative;width:180px}.movieDetails{align-items:center;display:flex;height:100vh;justify-content:center;margin-bottom:20px;margin-top:100px;overflow-y:scroll;width:75%}.detailsPage{display:flex}.movieDetailContainer{display:flex;flex-direction:column;width:100%}.addButton{align-self:flex-end;margin-bottom:4vh;margin-right:3%}.movieDetailContainer .addToLists{position:static}.posterContainer{align-items:center;display:flex;height:450px;justify-content:center;width:500px}.movieInfo{display:flex;flex-direction:column;padding:3px 3px 3px 20px;position:relative;width:60%}.movieInfo h1{font-size:4rem;margin:20px 0 5vh;text-align:center}.movieInfo h1,.movieInfo h2{color:var(--mainColor);font-family:var(--headingFonts)}.movieInfo h2{margin-bottom:5px}.threeDetails{display:flex;margin-bottom:20px}.cast,.director,.genres{display:flex;flex-direction:column;text-align:left;width:33%}.cast p,.director p,.genres p{font-size:1.5rem;margin:0 0 5px}.description p{margin-top:5px}.listMenu{position:relative;right:10px;top:10px}.goBack,.watchVideo{background:var(--accentColor);border:none;border-radius:20px;color:var(--bodyTextColor);font-family:var(--bodyFont);font-size:1.2rem;padding:10px 20px;text-align:center;text-transform:uppercase;transition:.3s}.trailer{margin:20px 0;text-align:center}.goBack{align-self:flex-end;display:block;margin:2vh 0;width:150px}@media(max-width:1130px){.detailsPage{align-items:center;display:flex;flex-direction:column;justify-content:center}.movieInfo{display:flex;padding:3px;width:100%}}@media(max-width:840px){.movieDetails{width:100%}.cast p,.director p,.genres p,.movieDetails,.threeDetails h2{text-align:center}}
/*# sourceMappingURL=main.986d7c45.css.map*/