body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#root,.App,.landing-page,body{height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}#root{background-color:#343a40;height:100vh}.flex-container{display:flex;height:100vh;justify-content:center;width:100%}.movie1{height:60vh;width:60%}.MApp-toolbar{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:space-between;left:75px;position:-webkit-sticky;position:sticky;width:calc(100% - 75px)}.logo-2{right:5%;width:100%}.logo,.logo-2{position:relative}.logo{left:8%;width:65%}.searched-movies{top:70px;width:calc(100% - 75px)}.search-bar{width:34%}.search-box{width:70%}.search-message{position:relative;top:-45px}.modal{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;width:100%}.popupbox{background-color:#fff;box-shadow:0 0 40px 20px rgba(0,0,0,.4);display:flex;height:75vh;padding:10px;width:60%}.close-btn{height:5vh}.close-btn:hover{cursor:pointer;scale:1.1}.movie:hover{cursor:pointer;scale:1.2}.movie2:hover{cursor:pointer;scale:1.1}h3{color:gray}.movie-title{border-radius:12px}.movie-title h2{color:#fff}.App{display:flex;height:100vh;overflow-y:scroll;position:relative}nav{background-color:#181818;height:100%;position:fixed;width:75px;z-index:0}.link-container,nav{display:flex;flex-direction:column}.link-container{align-items:center;justify-content:space-between;margin-top:10px}.landing-page{height:100vh;margin-left:75px;padding-right:13px;position:absolute;top:25%;width:calc(100% - 75px)}i{font-size:2.5em;padding-bottom:20px}.movie-holder{border-radius:10px;max-height:450px;max-width:300px;min-height:450px;min-width:300px}.popupbox{overflow-y:scroll}.modal-options{align-items:center;display:flex;justify-content:space-between;margin-top:25px;position:relative;top:10px}.magic{color:#ff0;font-size:3em}.btn-danger,.magic{margin:0}li{padding-bottom:18px;padding-top:18px}.fav-holder{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.fav-movies{overflow-x:hidden}.login-splashscreen{background-image:url(/static/media/blueFilmReel.67d7c6f48cb24b6a2c27);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.shadow-component{background-color:rgba(0,0,0,.55);height:100vh;left:75px;position:absolute;width:calc(100% - 75px)}.login-window{background-color:#fff;border:4px solid #456990;border-radius:12px;box-shadow:0 15px 30px 15px rgba(0,0,0,.75);height:70vh;left:25%;overflow:scroll;position:absolute;top:15%;width:40%}.input-credentials,.input-email{height:6vh;min-height:35px}.links{display:flex;justify-content:space-between;margin-left:13%;margin-right:13%}.content{left:0;padding-left:5%;padding-right:5%;position:absolute;top:10%;width:100%}.genres{text-align:left}.trailers{position:relative;top:100px;z-index:0}.movie-info{z-index:0}.magnifying-glass:hover{cursor:pointer}.main-content{overflow-x:hidden;width:100%}.fav-header,.genre-name{margin-top:20px}.user-login:hover{cursor:pointer}.loader-container{height:100vh;position:fixed;width:100%;z-index:1}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #000;border-radius:50%;border-top-color:#3498db;height:120px;left:46%;position:absolute;top:46%;width:120px;z-index:1}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}li{list-style:none;margin-left:20px}
/*# sourceMappingURL=main.7d1defdb.css.map*/