@import url(https://fonts.googleapis.com/css2?family=Red+Rose:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital@0;1&display=swap);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0}img{max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}body{font-family:"Noto Sans",sans-serif}h1{font-family:"Red Rose",cursive}p{line-height:1.7em}footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#888;text-shadow:0 2px 3px #000}footer h3{font-size:1.2em;color:#dad4d4}footer p{text-align:center;font-size:1em;line-height:18px;margin-top:4px}@media(min-width:500px){footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#888;text-shadow:0 2px 3px #000}footer h3{font-size:1.4em;color:#dad4d4}footer p{line-height:8px;margin-top:4px}}body{color:#dad4d4;background:radial-gradient(ellipse closest-side,rgba(51,51,51,.55),rgba(20,20,20,.767) 100%);background-color:#141414}article{display:flex;flex-direction:column;justify-content:flex-end;text-align:center;margin:35px 35px 200px}article p{margin:5px 25px}p{text-align:left}.container{display:grid;grid-template-columns:1fr;margin:0 15vmax;grid-row-gap:6vmax;row-gap:6vmax;grid-column-gap:6vmax;-webkit-column-gap:6vmax;column-gap:6vmax;text-align:center}.container .movie{height:auto}.container .movie .poster-container{position:relative;width:100%}.container .movie .poster-container img{display:block;width:100%;height:auto;box-shadow:0 0 .05rem hsla(0,0%,80%,.15),0 0 .15rem hsla(0,0%,80%,.15),0 0 .25rem hsla(0,0%,80%,.15),0 0 .35rem hsla(0,0%,80%,.15),0 0 .45rem hsla(0,0%,80%,.15),0 0 .55rem hsla(0,0%,80%,.15),0 0 .65rem hsla(0,0%,80%,.15)}.container .movie .poster-container .overlay{display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#d8d5d5;background-image:url(/movie-app/src/images/noise.png);color:#000}.container .movie .poster-container .overlay .movie-desc{position:relative;height:90%;width:90%;margin:5%}.container .movie .poster-container .overlay .movie-desc h3{height:20%}.container .movie .poster-container .overlay .movie-desc p{height:80%;line-height:1.5;overflow:hidden;margin:0 5px;font-size:1.5vwax}.container .movie .poster-container .overlay .movie-desc p:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:30%;background:linear-gradient(180deg,rgba(216,213,213,0),#d8d5d5 50%);z-index:80}.container .movie .poster-container .overlay .movie-desc .button-container{position:absolute;top:90%;margin:0;width:100%;min-height:50px;z-index:100}.container .movie .poster-container .overlay .movie-desc button{border:1px dotted #000;font-size:1em;border-radius:5px;outline:none}.container .movie .poster-container .overlay .movie-desc button:active,.container .movie .poster-container .overlay .movie-desc button:focus,.container .movie .poster-container .overlay .movie-desc button:hover{background-color:#0f698d;color:#fff;cursor:pointer}.container .movie .poster-container:hover .overlay{opacity:1}.container .more-info{margin-right:10px}@media(min-width:600px){.container{grid-template-columns:repeat(3,1fr);margin:0 5vmax;grid-row-gap:5vmax;row-gap:5vmax;grid-column-gap:5vmax;-webkit-column-gap:5vmax;column-gap:5vmax}}@media(min-width:1024px){.container{grid-template-columns:repeat(4,1fr);grid-row-gap:5vmax;row-gap:5vmax}}.movie-page-container{text-align:center;margin:35px}.movie-page-container img{display:block;border:1px solid #56c7f5;margin:0 auto}.movie-page-container h1,.movie-page-container h3{margin:5px}.movie-page-container h1{margin-top:15px;font-size:1.8em;text-align:center}.movie-page-container .date-rating{display:flex;justify-content:space-evenly;margin:10px 0}.movie-page-container .add-remove-button{padding:10px;cursor:pointer}.movie-page-container #fav_button{border:none;background-color:#0f698d;color:#dad4d4;font-size:1em;text-align:center;margin:10px}.movie-page-container p{margin:10px 0 0;padding:10px;line-height:2em}@media(min-width:750px){.movie-page-container{display:flex;justify-content:center;align-items:center}.movie-page-info{width:60%;padding:20px}}@media(min-width:1200px){.movie-page-container{padding:15px;width:70%;margin:0 auto}img{width:60%;margin:0 auto}.movie-page-info h1{font-size:2em;margin-top:none}}.NavbarItems{background:rgba(53,54,58,.66);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.3rem;margin-bottom:35px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.navbar-logo{font-size:2.1em;justify-self:start;text-shadow:2px 8px 6px rgba(0,0,0,.2),0 -5px 35px hsla(0,0%,100%,.3);text-transform:uppercase;margin-left:20px;color:#dad4d4;cursor:pointer}.navbar-logo .active{text-decoration:none;color:#dad4d4}.nav-menu{display:flex;flex-wrap:nowrap;list-style:none;text-align:center;width:70vw;justify-content:flex-end;margin-right:2rem}.nav-links{color:#dad4d4;padding:15px 20px;text-decoration:none;text-shadow:0 0 1px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.582)}.nav-links:hover{background-color:#56c7f5;border-radius:5px;transition:all .3s ease-out}.fa-bars{color:#fff}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:1024px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:280px;position:absolute;top:53px;left:-100%;opacity:1;transition:all .3s ease}.nav-menu.active{background-color:#191919;left:0;opacity:1;transition:.3s ease;z-index:1;padding-left:0}.nav-links{text-align:center;padding:2rem;width:100%;display:block}.nav-links:hover{background-color:#56c7f5;border-radius:0}.navbar-logo{position:absolute;left:0}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}}.search-bar{margin:0 auto;display:flex;justify-content:center}.search-bar>input{height:35px;width:50%;max-width:600px;border-radius:5em;border:0;min-width:300px;background-color:#939ca4;transition:ease-in-out,width .35s ease-in-out}input[type=text]:focus{outline:none;text-align:center}.search-icon>button:active,.search-icon>button:focus,.search-icon>button:hover{background-color:orange;box-shadow:1px 1px 1px #fff}::-webkit-input-placeholder{text-align:center}:-ms-input-placeholder{text-align:center}::-ms-input-placeholder{text-align:center}::placeholder{text-align:center}.filters{list-style:none;display:grid;grid-template-columns:1fr;grid-template-columns:repeat(2,1fr);text-align:center;font-size:5vmin;padding:0;margin:10px 2vw}.filter{position:relative;display:grid;flex-direction:column;align-items:center;justify-content:center;margin:0 5vmax;text-align:left}.filter,.filter>a{text-decoration:none}.filter>a{color:#a4daf0;text-shadow:2px 2px 2px #000;font-size:1.2em;margin-bottom:5px}.filter:after{content:"";height:4px;bottom:-10px;left:0;width:0;background:#76f9fb;box-shadow:0 1px 1px #76f9fb;border-radius:3px;transition:.5s}.filter:hover:after{width:100%}.filter .active{color:#56c7f5;text-shadow:2px 2px 2px #000}.filter.active:after{content:"";height:4px;bottom:-10px;width:100%;left:0;width:0;background:#76f9fb;box-shadow:0 1px 1px;border-radius:3px}@media(min-width:850px){.filters{list-style:none;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;font-size:1.3em;padding:0;margin-top:30px}.filters,.filters .filter{display:flex}}article{margin-bottom:100px}.about-container p{line-height:2em;margin:0}.about-container .logo img{width:30%;opacity:.7;margin-top:20px}.about-container .credits p{font-style:italic;font-size:.9em;padding-top:25px;margin:0}.about-container .credits a:link,.about-container .credits a:visited{color:#dad4d4}.about-container .credits a:active,.about-container .credits a:hover{color:#56c7f5}@media(min-width:750px){.about-container{display:flex;justify-items:space-between}.about-container .about-text{width:65%;padding:20px;border:1px solid #56c7f5}.about-container .credits{width:35%;padding:20px;display:flex;flex-direction:column;justify-content:center}}@media(min-width:1100px){.about-container{max-width:800px;margin:30px auto 0}.about-container .credits p{padding-top:none}}.container .text-box{grid-template:none}.text-box{margin-top:30px}.text-box h2{text-align:center;font-size:1.4rem;margin-bottom:50px;margin-left:20px;margin-right:20px}.directions-box{text-align:center;margin-bottom:80px}.directions-box img{width:100%}.directions-box p{padding-left:50px;padding-right:50px;margin:0 auto 20px}.directions-right{border:1px solid #56c7f5;width:50%;margin:auto;display:block;justify-items:center}@media(min-width:750px){.directions-box p{margin-left:50px;margin-right:50px}}
/*# sourceMappingURL=main.940b9f4a.chunk.css.map */