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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.search-form{display:flex;justify-content:space-between;align-items:center;background:none;border:5px solid #000;border-radius:60px;width:100%;height:50px;transition:all 1s ease-out;overflow:hidden}.search-form input{all:unset;background:none;font-size:1.5rem;padding-left:15px;font-weight:900;font-style:italic;text-transform:uppercase;width:85%}.search-form button{all:unset;background:none;display:flex}.search-form button svg{cursor:pointer}.search-form button svg:hover{fill:#fff}.hide{-webkit-animation:slideOut .5s 1 forwards;animation:slideOut .5s 1 forwards}.show{-webkit-animation:slideIn .6s 1;animation:slideIn .6s 1}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);display:flex}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);display:flex}}@-webkit-keyframes slideOut{50%{opacity:.5}to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);display:none;z-index:-1}}@keyframes slideOut{50%{opacity:.5}to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);display:none;z-index:-1}}h1,h2,h4{font-size:3.5rem;font-style:italic;text-transform:uppercase;font-weight:900;line-height:100%}.nav-headers-container{flex-direction:column;width:100%;min-width:435px}.nav-headers-container h2{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-top:50px}.nav-headers-container .home-link:hover{color:#000}.nav-headers-container h4{margin-top:30px;font-size:1.5rem}.links-container{max-width:390px;flex-wrap:wrap}.links-container a,.links-container button{margin:0 15px 0 0;font-size:1.5rem}.mobile-menu-wrapper{display:none}nav{padding:50px;display:flex;flex-direction:column;justify-content:space-between;width:650px;height:100vh}@media screen and (max-width:1024px){nav{max-width:100%;flex-direction:row;padding-bottom:10px;height:40%}nav h1,nav h2{font-size:1.5rem;width:75%}nav .nav-headers-container{width:70%;min-width:0}nav .nav-headers-container h2{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;margin-top:10px}nav .nav-headers-container h4{margin-top:20px;font-size:1.3rem}nav .links-container{display:none}.mobile-menu-wrapper{z-index:200;position:fixed;right:30px;display:block;width:50px;height:33px;cursor:pointer}.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before{width:50px;height:5px;border-radius:5px}.hamburger-menu{position:relative;-webkit-transform:translateY(14px);transform:translateY(14px);background:#000;transition:all 0ms .3s}.hamburger-menu.animate{background:hsla(0,0%,100%,0)}.hamburger-menu:before{bottom:14px;transition:bottom .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);transition:bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)}.hamburger-menu:after,.hamburger-menu:before{content:"";position:absolute;left:0;background:#000}.hamburger-menu:after{top:14px;transition:top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);transition:top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)}.hamburger-menu.animate:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s}.hamburger-menu.animate:before{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s}}.genre-links-container{flex-wrap:wrap;width:100%;padding:50px 50px 0 0;height:calc(100vh - 25%)}.genre-links-container span{margin:0 15px 15px;height:10px}.genre-links-container a{font-size:2.2rem;height:10px}@media screen and (max-width:1024px){.genres-list-view nav{height:15%}.genre-links-container{padding:20px 50px;height:100vh;justify-content:flex-start}.genre-links-container span{font-size:1.5rem}}.pagination-container{display:flex;list-style-type:none;position:-webkit-sticky;position:sticky;margin:auto auto 50px}.pagination-container .pagination-item{padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:rgba(0,0,0,.87);display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:16px;line-height:1.43;font-size:13px;min-width:32px}.pagination-container .pagination-item.dots:hover{background-color:transparent;cursor:default}.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.04);cursor:pointer}.pagination-container .pagination-item.selected{background-color:rgba(0,0,0,.08)}.pagination-container .pagination-item .arrow:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87)}.pagination-container .pagination-item .arrow.left{-webkit-transform:rotate(-135deg) translate(-50%);transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:transparent;cursor:default}.movie-link{margin-bottom:20px}.movie-link:hover{color:#000}.movie-link:hover .card-image,.movie-link:hover .profile-card-image{outline-offset:-5px;outline:5px solid #fff}.movie{display:inline-block;flex-direction:column;align-items:center;font-style:normal;margin:0 10px 15px;width:175px;max-height:500px;text-align:center}.movie .card-image{width:100%;height:auto;min-height:262px}.movie .card__text-container{flex-direction:column}.movie .card__text-container h4{line-height:100%;font-size:1.2rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.movie .card__text-container p{font-size:.9rem;font-weight:300}.movie .card__text-container p.card__release-date{font-size:1.2rem}.movie .card__text-container p.chosen-by{font-size:1rem}.movie .movie-genres-container{flex-direction:column;min-height:10px}.movie .director-icons-container{margin:10px auto;justify-content:center}.movie .director-icon{height:40px;width:40px}.movie .director-icon:hover{fill:#fff}@media screen and (max-width:1024px){.movie{margin:0 25px 10px}}.genre-page,.previously-watched{scroll-padding-top:0}.previously-watched-loading-container{height:100%;max-height:80vh;padding:55px;display:flex;width:100%;justify-content:center;align-items:center;margin:0 auto}.previously-watched-loading-container .previously-watched-modal-loading-gif{max-width:100%;max-height:100%;height:auto}.movies-container{overflow-y:auto;flex-wrap:wrap;justify-content:space-between;height:100vh;padding-left:25px;padding-right:75px;padding-top:50px;-ms-overflow-style:none;scrollbar-width:none;width:100%}.movies-container::-webkit-scrollbar{display:none}@media screen and (max-width:1024px){.genre-page,.previously-watched{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.genre-page nav,.previously-watched nav{height:55%}.genre-page::-webkit-scrollbar,.previously-watched::-webkit-scrollbar{display:none}.movies-container{overflow-y:visible;padding:10px 50px;margin:10px auto;justify-content:center}.previously-watched-loading-container{height:100%;padding:0 55px;display:flex;width:100%}}.profile-card-div{flex-direction:column;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:124px;margin-bottom:15px;margin-right:min(25px)}.profile-card-div p{max-width:90%;line-height:17px;margin-top:5px;font-size:1rem}.profile-name{font-weight:900;font-style:italic;text-transform:uppercase}.profile-character{font-weight:400;font-style:normal}.profile-card-image{height:186px;width:124px}@media screen and (max-width:1024px){.profile-card-div{margin-right:20px}}section{display:flex;flex-direction:column;width:100%;max-height:100%}section .movie-page-title{margin:10px 0;font-size:2.3rem}section .movie-interactions-div{flex-direction:column;width:100%;max-height:calc(100% - 15px);padding-bottom:10px}section .full-cast{height:100vh}section .movie-stats-div{flex-wrap:wrap;margin-bottom:10px}section .movie-stats-div div{flex-wrap:wrap}section .movie-info-div{max-height:80%;padding-bottom:50px}section .movie-info{font-size:1.5rem;font-weight:700;font-style:italic;text-transform:uppercase;margin-right:10px}section p.movie-overview{margin-right:20px}section .movie-page-genres-div{flex-wrap:wrap;align-items:start;width:25%;height:calc(10vh - 10%)}section .movie-page-genres{display:inline;font-size:1rem;margin-left:5px;text-transform:uppercase}section .cast-container{margin-top:10px;flex-direction:column}section .profile-card-container{flex-wrap:wrap;padding-bottom:35px}.movie-view-backdrop{height:100%;width:100%}.edit-link{cursor:default}@media screen and (max-width:1024px){.movie-stats-div{flex-wrap:wrap}.movie-stats-div .director{margin-bottom:10px}.chosen-by-span{display:none}section{margin-left:0}section h1.movie-page-title{overflow-wrap:break-word}section .movie-info{line-height:25px}section .movie-info-div{flex-direction:column;max-height:none;flex-direction:column-reverse}section .movie-page-genres-div{width:100%;height:15%;margin-bottom:10px}}@media screen and (max-width:450px){.watched-div{margin-top:10px}}.movie-container{padding:50px 50px 0 0;overflow:auto;height:50%;min-height:100vh;-ms-overflow-style:none;scrollbar-width:none}.movie-container::-webkit-scrollbar{display:none}.modal-loading-div{height:100vh;width:100vw;background:beige;flex-direction:column;justify-content:center}.modal-loading-div p{margin:0 auto}.modal-loading-gif{height:100%;width:100%}@media screen and (max-width:1024px){.movie-view{height:100vh}.movie-view nav{height:15%}.movie-container{min-height:0;height:100%;padding:50px;overflow:visible}}.modal-background{position:fixed;background:rgba(0,0,0,.8);left:0;top:0;height:100vh;overflow:auto;width:100vw;max-height:100vh;z-index:300;align-items:flex-start}.modal-background:hover{cursor:pointer}.modal-background .video-close-button{height:50px;width:50px;margin:25px 25px 0 0;position:relative;line-height:50px;display:inline-block}.modal-background .video-close-button:after,.modal-background .video-close-button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-37.5px;display:block;height:10px;width:75px;border-radius:10px;background-color:#fff;transition:all .5s ease-out}.modal-background .video-close-button:after,.modal-background .video-close-button:hover:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-background .video-close-button:hover:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.modal-content{margin:5% auto;padding:20px;width:60%;height:80%;align-items:start}.preview-container{justify-content:center;align-items:center}.preview-container,.preview-container #preview-container-iframe{width:100%;height:100%}@media screen and (max-width:1024px){.modal-background .video-close-button{position:fixed;right:-10px;top:5px;margin:0;height:0;width:0}.modal-background .video-close-button:after,.modal-background .video-close-button:before{height:50px;width:5px}.modal-background .modal-content{padding:5px;height:90%;width:75%}}.main-image-div{padding:50px}.main-image{height:auto;width:100%}@media screen and (max-width:1024px){.landing-page nav{height:20%}.main-image-div{margin:0 auto}.main-image{height:calc(75vh - 100px);max-width:100%;width:auto}}.not-found-container{height:85%;width:100%}.not-found-container .not-found-div{margin:0 auto;justify-content:center;height:100%}.not-found-container .not-found-div h1{margin-top:10px;overflow:hidden}.not-found-container .not-found-div img{margin-top:10px}@media screen and (max-width:1024px){.not-found-page nav{height:20%}.not-found-container{height:50%}}.mobile-menu-div{display:none}@media screen and (max-width:1024px){.open{display:flex}.mobile-menu-div{background-color:#fff;flex-direction:column;align-items:center;justify-content:center;z-index:10;position:absolute;height:100%;width:100%;transition:all 2s ease-in-out}a.mobile-link:hover,button.mobile-link:hover{color:#000;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.search-bar-open{flex-direction:column-reverse}.search-bar-open .search-form{width:80%}.search-bar-open .search-button{width:15%}.search-bar-open .search-button svg{width:100%}.search-bar-open .search-button svg:hover{fill:#000}}.ground-rules-div{padding:50px 50px 50px 0;flex-direction:column;overflow:auto}.ground-rules-div p{font-size:.85rem;margin-bottom:8px}.ground-rules-div h3{font-size:1.05rem;margin-top:10px}.conduct-article-links{font-size:.85rem;font-weight:400;font-style:normal;text-decoration:underline}@media screen and (max-width:1024px){.ground-rules-div{padding:10px 90px 0 50px;overflow:visible}.conduct-article-links{display:inline-block;margin-bottom:10px}}.no-results-div{flex-direction:column;align-items:center;justify-content:space-between;text-align:center;height:80%}.no-results-div .no-results-gif{width:100%}@media screen and (max-width:1024px){.no-results-div{height:55%;width:100%}.no-results-div h1{font-size:1.5rem}.no-results-gif{margin-top:10px}}.password-form{height:100%;width:100%;padding:5%;text-align:center;display:flex;flex-direction:column;align-items:center}.password-form h4{font-size:1.5rem;margin-top:10px}.password-form .password-input-container{background:none;border:5px solid #000;border-radius:60px;margin:25px 0;width:50%;height:50px;padding-right:8px}.password-form .password-input-container button{width:35px}.password-form .password-input-container button svg{height:100%}.password-form .password-input-container button:hover svg{stroke:#fff}.password-form input{all:unset;font-size:3.5rem;text-align:center;width:90%}.password-form ::-webkit-input-placeholder{color:transparent}.password-form :-ms-input-placeholder{color:transparent}.password-form ::placeholder{color:transparent}.password-form .password-img{width:75%}@media screen and (max-width:1024px){.password-form{justify-content:center}.password-form .password-input-container{width:75%}.password-form h2{font-size:1.5rem}}form.edit-form{padding:2% 5% 2% 2%;overflow:scroll;height:100%;max-height:100vh}form.edit-form>label{font-size:1rem;margin-bottom:5px}form.edit-form input,form.edit-form select,form.edit-form textarea{background:none;border:2px solid #000;font-size:1rem;margin-bottom:15px;padding-left:5px}form.edit-form [type=checkbox]{-webkit-appearance:none;appearance:none;height:20px;width:20px;margin-right:2px;cursor:pointer;margin-bottom:0}form.edit-form [type=checkbox]:checked:before{font-size:15px;font-family:system-ui;font-weight:900;position:relative;left:-4px;top:-4px;content:"✓"}form.edit-form [name=seen]{margin-bottom:15px}form.edit-form button{margin-top:20px}.success-message-div{flex-direction:column;padding:50px 50px 50px 0;margin:0 auto;width:80%;height:90%;align-items:center;text-align:center}.success-message-div button{margin:15px 0}.success-message-div img{width:90%}@media screen and (max-width:1050px){.edit-form{margin-top:40px}.success-message-div{padding-right:0}h2{font-size:2.5rem}}.add-movie-page{flex-direction:column;align-items:center;text-align:center;padding-top:50px;width:90%}.add-movie-page form{display:flex;flex-direction:column;margin-top:15px;justify-content:center;height:30%;width:70%}.add-movie-page form .add-movie-page-inputs{height:30%;width:100%}.add-movie-page form .add-movie-page-inputs div{flex-direction:column;margin-right:20px;text-align:center;height:25%;width:100%}.add-movie-page form label{margin:auto}.add-movie-page form input{background:none;border:1px solid #000;text-align:center;width:80%;margin:0 auto}.add-movie-page img{width:70%}@media screen and (max-width:1050px){.add-movie-page{height:60%}.add-movie-page h2{font-size:2rem}.add-movie-page form{height:60%}.add-movie-page form .add-movie-page-inputs{flex-direction:column;justify-content:space-around;height:100%}.add-movie-page img{width:80%}}*{box-sizing:border-box;margin:0;padding:0;font-family:"Prompt",sans-serif}img{font-size:.85rem;font-weight:100}a,button{cursor:pointer;text-decoration:none;color:#000;font-style:italic;font-size:2.08rem;font-weight:900;transition:color .2s ease-in-out}a:hover,button:hover{color:#fff}a{text-decoration:none;font-style:italic;font-weight:900}a,button{color:#000;font-size:2.08rem}button{display:inline;background:none;border:none;-webkit-appearance:none;-moz-appearance:none}button:focus{outline:none}.App,div{display:flex}.App{min-height:100vh;min-width:100vw;overflow:auto}.header-style-font{font-style:italic;text-transform:uppercase;font-weight:900}@media screen and (max-width:1024px){.App{flex-direction:column;width:100%;height:100vh}}.code-of-conduct-page{background-image:linear-gradient(90deg,#fde997,#ff9300)}.genres-list-view{background-image:linear-gradient(90deg,#fde997,#920099)}.landing-page{background-image:linear-gradient(90deg,#fde997,#ec0000)}.genre-page{background-image:linear-gradient(90deg,#fde997,#5ada44)}.previously-watched{background-image:linear-gradient(90deg,#fde997,#f39)}.movie-view{background-image:linear-gradient(90deg,#fde997,#00d8ff)}.search-results-page{background-image:linear-gradient(90deg,#fde997,#ff9bc1)}.not-found-page{background-image:linear-gradient(90deg,#fde997,#969)}
/*# sourceMappingURL=main.8e3fff70.chunk.css.map */