@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One).Sidebar @import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);body{margin:0;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}@font-face{font-family:Death Star;font-style:normal;font-weight:400;src:url(/SWAPI-box/static/media/Death\ Star.ade91cb0.otf) format("truetype")}body{background:url(/SWAPI-box/static/media/SWAPI-background.5d6a625d.jpg)}.App{text-align:center}.App,.header{display:flex;flex-direction:column}.header{align-items:center;background:url(/SWAPI-box/static/media/SWAPI-background.5d6a625d.jpg);border:1px solid #000;height:20%;justify-content:center;position:relative;z-index:1}.app-title{color:#f9d500;font-family:Death Star;font-size:10rem;margin:3rem 0 0;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#f9d500;-webkit-text-stroke-width:3px}.title-i{-webkit-text-stroke-width:7px}.error-popup-placeholder{height:2rem;margin:0 0 3rem}@media (max-width:1060px){.app-title{font-size:10rem}}@media (max-width:940px){.cat-button{font-size:1.75rem;width:9rem}}@media (max-width:690px){.app-title{font-size:8rem}.title-i{-webkit-text-stroke-width:3px}}@media (max-width:565px){.cat-button{font-size:1.75rem;width:9rem}.app-title{font-size:7rem}}@media (max-width:530px){.cat-button{font-size:.75rem;width:5rem}}@media (max-width:480px){.app-title{font-size:6rem}}@media (max-width:430px){.cat-button{width:4rem}}@media (max-width:405px){.app-title{font-size:4.5rem}}@media (max-width:365px){.cat-button{font-size:.5rem}}.Sidebar-hidden{display:none}.fade{background-image:-webkit-linear-gradient(bottom,transparent,#000 75%);background-image:linear-gradient(0deg,transparent,#000 75%);min-height:20vh;top:-25px;width:100%}.fade,.star-wars{position:relative;z-index:1}.star-wars{background:url(/SWAPI-box/static/media/SWAPI-background.5d6a625d.jpg);color:#feda4a;display:flex;font-family:Pathway Gothic One,sans-serif;font-size:550%;font-weight:600;height:30rem;justify-content:center;letter-spacing:4px;line-height:125%;overflow:hidden;-webkit-perspective:400px;perspective:400px;text-align:justify;top:-1rem;word-spacing:normal}.crawl{-webkit-animation:crawl 90s linear;animation:crawl 90s linear;position:relative;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.title{text-align:center}.film-title{font-size:150%;font-weight:600}@-webkit-keyframes crawl{0%{top:0;-webkit-transform:rotateX(20deg) translateZ(0);transform:rotateX(20deg) translateZ(0)}to{top:-6000px;-webkit-transform:rotateX(25deg) translateZ(-2500px);transform:rotateX(25deg) translateZ(-2500px)}}@keyframes crawl{0%{top:0;-webkit-transform:rotateX(20deg) translateZ(0);transform:rotateX(20deg) translateZ(0)}to{top:-6000px;-webkit-transform:rotateX(25deg) translateZ(-2500px);transform:rotateX(25deg) translateZ(-2500px)}}.CardContainer{background:url(/SWAPI-box/static/media/SWAPI-background.5d6a625d.jpg);border:1px solid #000;border-radius:10px;display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));margin:0 5rem 3rem}@media (max-width:720px){.CardContainer{margin:0 auto 3rem}}.Card{background:url(/SWAPI-box/static/media/swapi_rough_gray.a5bc7f4f.jpg);border-radius:50px;color:#fff;cursor:pointer;font-family:Pathway Gothic One,sans-serif;font-size:1.1rem;height:20rem;letter-spacing:.1rem}.Card-active,.Card:hover{box-shadow:0 0 15px 2px #d9ffd9}.fav-btn-card-container{align-items:center;display:flex;justify-content:space-between;padding:.5rem 2rem}.fav-btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.fav-btn:hover{border-radius:50%;box-shadow:0 0 20px 2px #d9ffd9}.fav-btn:focus{outline:0}.fav-btn-inactive{background-color:#fff;border-radius:50%}.fav-btn-active{background-color:#ffdf00;border-radius:50%}.fa-jedi{color:#000;font-size:2rem}.card-text{margin:.5rem .75rem}.card-header{color:#f9d500;font-weight:600}.Nav{align-items:center;bottom:0;display:flex;height:5rem;justify-content:space-around;padding-right:16px;top:80px;-webkit-transform:translatex(0);transform:translatex(0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:80%}.nav{color:#fff;text-decoration:none}.nav:hover{color:#000}.cat-button{background:#000;border:1px solid #fff;border-radius:0 100px 100px 0;color:#fff;cursor:pointer;font-family:Pathway Gothic One,sans-serif;font-size:2rem;font-weight:600;height:3rem;margin:16px 0;padding:0;width:12rem}.cat-button-active{background-color:#363535;box-shadow:0 0 15px 2px #d9ffd9}.cat-button-inactive{background-color:#000}.cat-button:hover{border-left:15px double grey;color:#000;cursor:pointer;padding:0 16px 0 0}.cat-button:focus{outline:0}.people-button:hover{background:#d9ffd9;box-shadow:0 0 20px 2px #d9ffd9;text-shadow:#0f0 0 0 6px,#0f0 0 0 10px}.planets-button:hover{background:#ffd9d9;box-shadow:0 0 20px 2px #ffd9d9;text-shadow:red 0 0 6px,red 0 0 10px}.vehicles-button:hover{background:#ffffd9;box-shadow:0 0 20px 2px #ffffd9;text-shadow:#ff0 0 0 6px,#ff0 0 0 10px}@media (max-width:960px){.cat-button{font-size:1.75rem;width:10rem}}@media (max-width:860px){.cat-button{font-size:1.5rem;width:8rem}.favorites-count{width:1rem}}@media (max-width:690px){.cat-button{font-size:1.25rem;width:6rem}.favorites-count{width:.5rem}}@media (max-width:405px){.favorites-count{width:.5rem}}.FavoriteButton{margin:0}.favorites-button{align-items:center;display:flex;justify-content:space-evenly}.favorites-button:hover{background:#f7d9f7;box-shadow:0 0 20px 2px #f7d9f7;text-shadow:#c0c 0 0 6px,#c0c 0 0 10px}.favorites-count{align-items:center;border:1px solid #f9d500;border-radius:6px;color:#f9d500;padding:0 .25rem;width:1.5rem}.ErrorPopup,.favorites-count{display:flex;justify-content:center}.ErrorPopup{align-items:flex-start;flex-direction:row;height:2rem;margin:0 0 3rem;overflow:hidden;z-index:100}.popup-inner{align-items:center;display:flex;justify-content:center}h1{color:#f9d500;font-size:1.5rem;margin:0}button{font-size:.75rem;background-color:#f9d500;border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:700;margin:.1rem 0 0 .3rem;padding:.35rem .5rem}
/*# sourceMappingURL=main.b938c13f.chunk.css.map */