body{padding: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}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],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{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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;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:#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)}}.lds-roller{display:block;margin:auto;position:relative;width:64px;height:64px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:32px 32px;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:gold;margin:-3px 0 0 -3px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{top:50px;left:50px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:45px;left:10px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#button-container{width:77.5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px 40px;margin:10px auto}h3,p{font-size:18px;font-family:Roboto Condensed,sans-serif}h3{font-size:35px;margin:10px 0 0;color:gold}.card{-webkit-animation:bounceAppear .45s linear 0s 1 normal;animation:bounceAppear .45s linear 0s 1 normal;-webkit-animation-fill-mode:both;animation-fill-mode:both;color:#fff;background-color:#0b1013;box-shadow:0 0 10px #a9a9a9;width:250px;height:300px;border-radius:10px;padding:15px;margin:auto}.favorite-icon{border:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABlVBMVEUAAAD/2AD/1gD/1wD/1gD/1wD/1wD/0wD/1wD/1wD/1wD/1wD/2AD/1wD/1gD/1QD/1wD/1wD/1wD/1wD/1wD/1QD/1wD/1wD/1gD/2QD/1wD/1gD/1wD/1wD/2QD/1wD/1wD/2AD/zAD/1wD/1wD/zAD/2gD/1wD/1wD/1wD/1wD/1wD/1wD/2AD/1gD/2AD/0QD/2AD/1wD/1wD/4wD/2QD/1wD/1wD/1wD/2AD/1gD/1wD/1wD/1QD/1wD/1gD/1wD/1wD/1wD/1wD/1wD/2AD/1wD/1gD/1gD/1wD/1wD/2AD/2AD/2AD/1wD/1wD/1wD/1wD/2AD/1gD/1wD/1wD/2AD/1wD/1wD/1wD/2QD/1wD/1gD/1wD/1wD/1gD/1gD/1gD/1gD/2AD/2AD/2AD/3QD/zwD/2AD/1wD/1wD/1gD/1wD/1gD/1wD/2wD/1wD/1gD//wD/1QD/1gD//wD/2QD/1gD/1QD/1QD/1wD/1wD/1gD/1wD/2AD/0wD/3AD/1wD/1wD/1wD/vwD/1wAAAAD/VnmQAAAAhXRSTlMADXCsH9nYHb69R0bCxkRDwcRAPzo9u7o4PLe2M/42tLM0CtvaBSJmkd397syid1ULiPyZCRul86QaGeHgGJiW5uP08sVPTH12fnN7aG9lbFr7Ylhf+lz4+VJJ90q5sbAyXoqJteIPEDtnklHqyegV01ABKl0CKGoGDJ/thMeoFxZ5sqsE+OmYEQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfjARoFGgmR+t1TAAACA0lEQVRIx7XWe1sSQRQG8AEztRQhDUvYFIx014IiEpRMU/FSWimoVHS1wrLCCMQEy0vnewcryl5m4sw8+v45Z37LPrMzhyHkjGKxNjRYLWL2XCOUc75JCDeDmhYRewGquSiAW49xG7+1wUnaubG9hh289hJo0sGJm7WYc8E7QZfLXNipx1089goYcpUDdxuxC2/dkhHDNTTuMVnoxVqP+YdB8qCo19YHlFy3ef+nfDds/QNOWQFWBm/e8gfct83qTq8cBFwGHXfLzwip9N5QGKl0CUeGCRmJitBK7o+SB6IWYIyMi+OHZEIcT5IpcewgMUnUStOEzIjimcqHnhWzc0c77JHImz8+3p/z3FpaqO3uJwqnfao9G88WeayypD9ZcQ4dTBhPc2AZbVfMvWB6FWeTz2md5MVLlI3R+1AKseZKitXFXtXH3cwW+Lo+fsPEffVxI8uGEP0zGGJgD2a13zJwAoPfMfB7DF5jYBcGf2DgjxgcpdtPqJYgpal4HWMBOqn4Mw73U/EXHB6g4hbTPOfGhtM0SL8OfjXM+qbedtfthuHvNJvRz9n8kT0az8Y29ZUMBf/UTpBz+Voln5O1tS0KtiRPyuOFbX1tu1D7G0/+or33TrVa9FMuTV5/sVreoS5YWr1jT5ToW4ikS+rFZ5dR9sUjv61/CDN7+weHS3/JKeUfcPDQXdKPpYQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDEtMjZUMDQ6MjY6MDkrMDE6MDA8suXSAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTAxLTI2VDA0OjI2OjA5KzAxOjAwTe9dbgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=);background-size:cover;display:block;margin:0 0 0 auto;width:30px;height:30px}.favorite-icon:focus{outline:none}.favorite-icon:hover{-webkit-animation:wiggle .8s linear 0s infinite normal;animation:wiggle .8s linear 0s infinite normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.favorite,.favorite-icon:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABlVBMVEUAAAAA//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8A//8AAAD1wbY9AAAAhXRSTlMADXCsH9nYHb69R0bCxkRDwcRAPzo9u7o4PLe2M/42tLM0CtvaBSJmkd397syid1ULiPyZCRul86QaGeHgGJiW5uP08sVPTH12fnN7aG9lbFr7Ylhf+lz4+VJJ90q5sbAyXoqJteIPEDtnklHqyegV01ABKl0CKGoGDJ/thMeoFxZ5sqsE+OmYEQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfjARoFMh5PdPY+AAACA0lEQVRIx7XWe1sSQRQG8AEztRQhDUvYFIx014IiEpRMU/FSWimoVHS1wrLCCMQEy0vnewcryl5m4sw8+v45Z37LPrMzhyHkjGKxNjRYLWL2XCOUc75JCDeDmhYRewGquSiAW49xG7+1wUnaubG9hh289hJo0sGJm7WYc8E7QZfLXNipx1089goYcpUDdxuxC2/dkhHDNTTuMVnoxVqP+YdB8qCo19YHlFy3ef+nfDds/QNOWQFWBm/e8gfct83qTq8cBFwGHXfLzwip9N5QGKl0CUeGCRmJitBK7o+SB6IWYIyMi+OHZEIcT5IpcewgMUnUStOEzIjimcqHnhWzc0c77JHImz8+3p/z3FpaqO3uJwqnfao9G88WeayypD9ZcQ4dTBhPc2AZbVfMvWB6FWeTz2md5MVLlI3R+1AKseZKitXFXtXH3cwW+Lo+fsPEffVxI8uGEP0zGGJgD2a13zJwAoPfMfB7DF5jYBcGf2DgjxgcpdtPqJYgpal4HWMBOqn4Mw73U/EXHB6g4hbTPOfGhtM0SL8OfjXM+qbedtfthuHvNJvRz9n8kT0az8Y29ZUMBf/UTpBz+Voln5O1tS0KtiRPyuOFbX1tu1D7G0/+or33TrVa9FMuTV5/sVreoS5YWr1jT5ToW4ikS+rFZ5dR9sUjv61/CDN7+weHS3/JKeUfcPDQXdKPpYQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDEtMjZUMDQ6NTA6MzArMDE6MDADgMImAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTAxLTI2VDA0OjUwOjMwKzAxOjAwct16mgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=);background-size:cover}.card-icon{border:1px solid #ff69b4;width:100px;height:100px}.card-text-div{height:240px;overflow:scroll}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}70%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}70%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}}@-webkit-keyframes bounceAppear{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.89);transform:scale(.89)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceAppear{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.89);transform:scale(.89)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#card-container{margin:20px auto;padding:15px;width:80%;height:460px;overflow:scroll;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;align-content:flex-start;grid-gap:20px}#show-button-div{width:250px;height:300px;margin:auto}.show-button{display:block;margin:0 auto}#landing-container{position:absolute;left:210px;top:150px;margin:0 auto;height:500px;overflow:hidden;-webkit-transform-origin:50% 70%;transform-origin:50% 70%;-webkit-transform:perspective(400px) rotateX(20deg);transform:perspective(400px) rotateX(20deg);width:70%}#scroll-text-container{-webkit-animation:scroll 120s linear infinite;animation:scroll 120s linear infinite;position:absolute}.landing-text{text-align:justify;font-size:50px;font-family:Roboto Condensed,sans-serif;color:gold}.right-justify{text-align:right}@-webkit-keyframes scroll{0%{top:100%}to{top:-500%}}@keyframes scroll{0%{top:100%}to{top:-500%}}@media (max-width:1100px){#landing-container{position:absolute;left:150px;top:200px}}@media (max-width:800px){#landing-container{position:absolute;left:50px;top:200px;width:80%}.landing-text{font-size:40px}}@media (max-width:520px){#landing-container{position:absolute;left:50px;top:380px;height:300px}.landing-text{font-size:30px}}@media (max-width:400px){#landing-container{position:absolute;left:30px;top:400px;height:200px}.landing-text{font-size:30px}}*,:after,:before{box-sizing:border-box;font-family:Open Sans,sans-serif}body{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/swapi-box/static/media/stars-background2.7b06a69c.jpg);height:100vh;background-position:50%;background-repeat:no-repeat;background-size:100%;margin:0;background-color:#000}h1{margin-bottom:0;font-family:Poller One,cursive;font-size:60px}h1,h2{color:gold;text-align:center}#show-button,.control-button,h2{font-family:Roboto Condensed,sans-serif}#show-button,.control-button{box-shadow:2px 2px 10px #000;font-size:20px;font-weight:800;text-transform:uppercase;border-radius:5px;background:radial-gradient(#fcd800,#f7b600);padding:10px;border:none}#show-button:focus,.control-button:focus{outline:none}#show-button:hover:enabled,.control-button:hover:enabled{background:radial-gradient(gold,#0ff)}.active{background:radial-gradient(#add8e6,#0ff)}.no-cards-container{margin-top:40px}.no-cards-text{margin-top:10px;margin-bottom:20px;text-align:center}.star-wars-images{display:block;margin:10px auto;height:250px}@media (max-width:500px){h1{font-size:50px}}@media (max-width:375px){h1{font-size:40px}}
/*# sourceMappingURL=main.32e72078.chunk.css.map */