*{box-sizing:border-box}body{background-image:url(/SWAPI-Trivia/static/media/main-background.af66ee2d.jpg);background-repeat:none;background-size:cover;height:100vh;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.deathStar-Home{height:500px;width:500px}form{align-items:center;display:flex;flex-direction:column;font-family:Roboto Condensed,sans-serif;height:100vh;justify-content:center;margin:10px;padding:10px;text-transform:uppercase;width:100vw}input,select{margin-bottom:1%}.UserModalFormBtn,.UserModalFormInput,.UserModalFormLabel,.UserModalFormSelect{font-family:Roboto Condensed,sans-serif;font-size:.5em;padding:1% 0}.UserModalFormSelect{border:none;height:2em}.UserModalFormInput,.UserModalFormSelect{width:200px;padding-left:10px}.UserModalFormBtn{border:none;background-color:#ffe81f;width:200px;cursor:pointer;font-size:25px}.UserModalFormLabel{font-size:1em}.planet{border:1px solid red;border-radius:100%;color:#ff0}.planet,.planetImage{height:200px;width:200px}.planetImage{background-position:left 50% bottom 50%;background-repeat:no-repeat;background-size:cover;border-radius:100%;cursor:pointer}.planetImage1{background-image:url(/SWAPI-Trivia/static/media/SWEpisode1.6b7da538.jpg)}.planetImage2{background-image:url(/SWAPI-Trivia/static/media/SWEpisode2.d4411a2a.jpg)}.planetImage3{background-image:url(/SWAPI-Trivia/static/media/SWEpisode3.ca51a8dd.jpg)}.planetImage4{background-image:url(/SWAPI-Trivia/static/media/SWEpisode4.0fc817bb.jpg)}.planetImage5{background-image:url(/SWAPI-Trivia/static/media/SWEpisode5.df37c5e4.jpg)}.planetImage6{background-image:url(/SWAPI-Trivia/static/media/SWEpisode6.1568d5fe.jpg)}.planetImage7{background-image:url(/SWAPI-Trivia/static/media/SWEpisode7.362ca61d.jpg)}.planetNumber{-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}.MoviesContainer{align-items:flex-end;color:#ffe81f;display:flex;flex-direction:column;justify-content:flex-end;height:100vh}.MoviesContainer-planets{align-content:space-around;justify-content:space-evenly;display:flex;width:60%;height:80vh;flex-wrap:wrap;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.MoviesContainer-planets::-webkit-scrollbar{display:none}.MoviesContainer-loading{height:25%;width:25%}.MoviesContainer__h1--Episodes{margin-right:25%}.MovieModalContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-position:left 50% bottom 50%;width:100%;height:100%}.MovieModal__btn--close{height:42px;width:42px}.MovieModal{align-items:center;background-image:url(/SWAPI-Trivia/static/media/JediOrderCrest.005d62cf.png);background-repeat:no-repeat;background-position:left 50% bottom 50%;background-size:50%;width:100%;height:100%}.MovieModal__btn--characters{border:none;background-color:#ffe81f;height:40px;width:200px;font-family:Roboto Condensed,sans-serif;cursor:pointer;font-size:20px}.MovieModal__btn--close{-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}.MovieModal__h1{font-size:50px;text-shadow:2px 2px 2px #ffe81f}.MovieModal__h3,.MovieModal__h5{font-size:35px;text-shadow:2px 2px 2px #ffe81f}.Character{background-color:#000;min-height:380px;max-height:420px}.favoriteIcon{width:35px;margin-top:10px}.CharactersContainer{color:#ffe81f;display:flex;flex-direction:column}.CharactersContainer-h1{height:25vh;overflow:hidden;text-transform:uppercase;-ms-overflow-style:none;scrollbar-width:none}.CharactersContainer-h1::-webkit-scrollbar{display:none}.CharactersContainer-section{display:flex;flex-wrap:wrap;justify-content:space-evenly;height:70vh;overflow:scroll;width:100%;-ms-overflow-style:none;scrollbar-width:none}.CharactersContainer-section::-webkit-scrollbar{display:none}.BB8--Parent-Container{height:100%;width:100%}.BB8--loading{height:100%;margin-left:50%;margin-top:5%}.BB8{display:flex}.MoviesContainer-loading{height:350px;margin-top:5%;width:500px}.episodeTitle{color:#ffe81f;font-family:Roboto Condensed,sans-serif;font-size:40px;margin:20px 0 0}.filmUl{list-style-type:none;padding:0}.body{align-content:center;height:20%;overflow:hidden;margin-top:43px}.body,.scrolling-Text{display:flex;width:100%;justify-content:center}.scrolling-Text{align-items:center;height:150px;-webkit-perspective:200px;perspective:200px;color:#ffe81f;font-family:Pathway Gothic One,sans-serif;font-weight:600;letter-spacing:6px;line-height:300%;text-align:justify}.scrollingText--Episode-info{justify-content:center}.crawl,h1{text-transform:uppercase}.crawl{position:relative;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:crawl 400s linear;animation:crawl 400s linear;width:250%}@-webkit-keyframes crawl{0%{top:200px;-webkit-transform:rotateX(20deg) translateZ(120px);transform:rotateX(20deg) translateZ(120px)}to{top:-6000px;-webkit-transform:rotateX(60deg) translateZ(-2500px);transform:rotateX(60deg) translateZ(-2500px)}}@keyframes crawl{0%{top:200px;-webkit-transform:rotateX(20deg) translateZ(120px);transform:rotateX(20deg) translateZ(120px)}to{top:-6000px;-webkit-transform:rotateX(60deg) translateZ(-2500px);transform:rotateX(60deg) translateZ(-2500px)}}.FavoriteCharacters{display:flex;flex-direction:column}.toMoviesBtn__div{display:flex}.backToMovies{margin:0;font-family:Roboto Condensed,sans-serif;font-size:30px;color:#ffe81f;text-shadow:2px 2px 2px#222;height:42px}.noFavText{color:#ffe81f;font-size:50px;margin-bottom:0}.back--episodes--saber{display:flex;align-items:center;justify-content:center;margin-top:10px}.backToMovies{border:none;border-radius:0 50px 50px 0;height:30px;background:#0000e1;font-size:20px;box-shadow:10px 7px 34px -3px #0000e1;cursor:pointer}.Character{color:#ff0;margin-bottom:30px;width:250px;padding:0 10px}.CharactersContainer-section{margin-top:50px}.UserProfile{background-color:#d3d3d3;display:flex;flex-direction:column;margin:0;max-width:600px;position:absolute;right:0;z-index:1}.UserProfile__button--sign-out{background-color:green}.drop-down-menu{margin:0 20px 20px}.UserProfile__hamburger-icon{height:42px;width:50px;padding:1px;margin:6px;-webkit-filter:drop-shadow(2px 2px 2px #222);filter:drop-shadow(2px 2px 2px #222)}.UserProfile--userMenu{align-items:center;display:flex;justify-content:space-between;width:100%}.UserProfile--userName{margin:0;color:#ffe81f;padding-left:10px;text-shadow:2px 2px 2px#222;cursor:pointer}.user-profile-text,.UserProfile--userName{font-family:Roboto Condensed,sans-serif;font-size:40px}.user-profile-text{font-weight:300;max-width:300px;margin:10px 0 0}.fav-button-saber{display:flex;align-items:center;justify-content:center;margin:20px 0}.UserProfile__button--sign-out,.UserProfile__fav-characters{border:none;border-radius:50px 0 0 50px;height:30px;background:#00e100;font-size:20px;box-shadow:10px 7px 34px -3px #00e100;cursor:pointer}.saberButt{height:20px;width:50px;background:#f2f2f2;margin-left:15px}.UserProfile__button--sign-out{border-radius:0 50px 50px 0;box-shadow:10px 7px 34px -3px red;background:red;width:185px}.sbleft{margin-right:15px}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.WelcomeFormModal{background-image:url(/SWAPI-Trivia/static/media/ChooseWisely.ae9a407e.png);background-repeat:no-repeat;background-position:left 50% bottom 50%;background-size:50%;height:100vh;width:100%}.WelcomeFormModal,.WelcomeFormOverlay{align-items:center;display:flex;justify-content:space-around}.WelcomeFormOverlay{background-color:hsla(0,0%,50.2%,.5);color:#ffe81f;font-size:2em;margin:0;width:100vw}
/*# sourceMappingURL=main.3a481924.chunk.css.map */