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;background:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error-page{margin:auto;width:350px}.card-container .error-page{margin-top:2rem;grid-column:1/3}.error{overflow:hidden;width:350px;margin:auto;position:relative;text-transform:uppercase;color:#add8e6;font-family:Lucida Console,Monaco,monospace;text-align:center}.error:after,.error:before{content:"CONNECTION LOST...";position:absolute;top:0;left:0;right:0;overflow:hidden;background:#000}.error:before{-webkit-animation:glitch 1.5s linear infinite;animation:glitch 1.5s linear infinite;-webkit-animation-name:glitch;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;left:8px;text-shadow:2px 0 #add8e6}.error:after{-webkit-animation:glitch 2s linear infinite;animation:glitch 2s linear infinite;-webkit-animation-name:glitch;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;left:4px;text-shadow:-2px 0 #fe3a7f}@keyframes glitch{0%{clip:rect(10px,350px,11px,0)}5%{clip:rect(10px,351px,11px,0)}10%{clip:rect(25px,351px,25px,0)}15%{clip:rect(33px,351px,34px,0)}20%{clip:rect(33px,351px,34px,0)}25%{clip:rect(24px,351px,25px,0)}30%{clip:rect(21px,351px,22px,0)}35%{clip:rect(21px,351px,22px,0)}40%{clip:rect(21px,351px,30px,0)}45%{clip:rect(12px,351px,13px,0)}50%{clip:rect(12px,351px,13px,0)}55%{clip:rect(12px,351px,13px,0)}60%{clip:rect(22px,351px,23px,0)}65%{clip:rect(22px,351px,23px,0)}70%{clip:rect(22px,351px,23px,0)}75%{clip:rect(14px,351px,15px,0)}80%{clip:rect(14px,351px,15px,0)}85%{clip:rect(14px,351px,20px,0)}90%{clip:rect(24px,351px,25px,0)}95%{clip:rect(24px,351px,25px,0)}to{clip:rect(35px,351px,36px,0)}}@-webkit-keyframes glitch{0%{clip:rect(50px,351px,51px,0)}5%{clip:rect(50px,351px,51px,0)}10%{clip:rect(75px,351px,76px,0)}15%{clip:rect(75px,351px,76px,0)}20%{clip:rect(75px,351px,76px,0)}25%{clip:rect(91px,351px,92px,0)}30%{clip:rect(91px,351px,92px,0)}35%{clip:rect(50px,351px,51px,0)}40%{clip:rect(50px,351px,51px,0)}45%{clip:rect(50px,351px,51px,0)}50%{clip:rect(12px,351px,13px,0)}55%{clip:rect(12px,351px,13px,0)}60%{clip:rect(1px,351px,2px,0)}65%{clip:rect(1px,351px,2px,0)}70%{clip:rect(50px,351px,51px,0)}75%{clip:rect(66px,351px,65px,0)}80%{clip:rect(66px,351px,65px,0)}85%{clip:rect(66px,351px,65px,0)}90%{clip:rect(15px,351px,51px,0)}95%{clip:rect(15px,351px,16px,0)}to{clip:rect(15px,351px,16px,0)}}.loading{margin:auto;grid-column:1/5;align-self:end}.wrapper{position:relative}.dot,.dot-two{position:absolute;top:-4.5px;left:50%;width:8px;height:8px;border-radius:50%;background:#add8e6;box-shadow:0 0 10px .1px #add8e6}.dot-two{top:77px}.loading-wrapper{position:relative;width:80px;height:80px;border:1px solid #add8e6;border-radius:50%;box-shadow:0 0 10px .1px #add8e6;-webkit-animation-name:loader;animation-name:loader;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon{top:12px;left:14px;position:absolute;color:#add8e6;font-size:55px;-webkit-animation-name:icon;animation-name:icon;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-radius:50%;height:55px;width:55px;text-align:center;line-height:1}@-webkit-keyframes icon{0%,5%,95%,to{opacity:0}45%,55%{opacity:1}}@keyframes icon{0%,5%,95%,to{opacity:0}45%,55%{opacity:1}}aside{background-color:#000;max-width:400px;padding:1rem;margin:0 auto}.header-logo-wrapper{width:70px;margin:2rem auto 0}.header-logo{color:#add8e6;font-size:80px}.landing-loading h3{font-family:Andale Mono,AndaleMono,monospace;color:#add8e6;text-align:center;letter-spacing:5px;text-transform:uppercase}.thumbprint{height:65px;width:50px;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;border:1px solid #add8e6;margin:2rem auto 0;transition:1s}.thumbprint img{padding-top:5px;opacity:0;height:55px;width:45px;transition:1s;display:block;margin:auto}.thumbprint:hover{cursor:pointer}.active-thumbprint img,.thumbprint:hover img{opacity:1}.active-thumbprint{box-shadow:0 3px 10px #add8e6}.briefing,.handshake,.securing,.welcome{text-align:center;margin:0 auto;font-size:.8rem;position:relative;font-family:Andale Mono,AndaleMono,monospace;text-transform:uppercase;letter-spacing:5px;color:transparent}.briefing:hover,.crawl-text-wrapper:hover,.handshake:hover,.securing:hover,.welcome:hover{cursor:default}.securing{width:274px}.handshake,.welcome{width:253px}.briefing{margin:2rem auto;width:290px}.briefing:before,.handshake:before,.securing:before,.welcome:before{margin:0;text-align:center;content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;overflow:hidden;white-space:nowrap}.briefing:before{padding:.5rem 0}.securing:before{width:274px}.print-securing:before{text-align:center;color:#add8e6;-webkit-animation:type 1s steps(16);animation:type 1s steps(16)}.print-handshake:before{text-align:center;color:#add8e6;-webkit-animation:type 1s steps(15);animation:type 1s steps(15)}.print-welcome:before{text-align:center;color:#add8e6;-webkit-animation:type 1s steps(14);animation:type 1s steps(14)}.print-briefing:before{text-align:center;color:#add8e6;-webkit-animation:type 1s steps(17);animation:type 1s steps(17)}.crawl-text{font-size:16px}.smol-text{font-size:10px}@-webkit-keyframes type{0%{width:0}50%{width:50%}to{width:100%}}@keyframes type{0%{width:0}50%{width:50%}to{width:100%}}aside .error-page{display:none}aside .display-crawl-error{display:block}.crawl-text-wrapper{opacity:0;color:#add8e6;transition:.5s}.show-crawl{opacity:1}.hide-welcome{display:none}.crawl-text-wrapper h2{text-align:center;text-transform:uppercase}@font-face{font-family:Galactic Basic;src:url(/SWAPIBox/static/media/galbasic.69c543f0.ttf) format("ttf"),}.nav-button{position:relative;margin:0 .2rem;width:82px;height:25px;color:#add8e6;border-radius:5px;overflow:hidden;padding:0}.nav-button,.nav-button-text{transition:.5s;text-decoration:none}.nav-button-text{font-family:Andale Mono,AndaleMono,monospace;margin:0 5px 0 0;font-size:.8rem;text-transform:uppercase;text-align:center;line-height:25px}.nav-button:hover{cursor:pointer}.nav-button:hover .nav-button-text{-webkit-animation:textglitch .2s steps(5);animation:textglitch .2s steps(5)}.nav-button img{width:50px;height:50px}.active .nav-button{border:1px solid rgba(173,216,230,.5);box-shadow:0 5px 5px #add8e6}@-webkit-keyframes textglitch{0%{font-family:Andale Mono,AndaleMono,monospace;font-size:.8rem}50%{font-family:Galactic Basic;font-size:.3rem}to{font-family:Andale Mono,AndaleMono,monospace;font-size:.8rem}}@keyframes textglitch{0%{font-family:Andale Mono,AndaleMono,monospace;font-size:.8rem}50%{font-family:Galactic Basic;font-size:.3rem}to{font-family:Andale Mono,AndaleMono,monospace;font-size:.8rem}}@media (max-width:475px){.nav-button-text{padding-left:.5rem}}.card-wrapper{background:#000;width:250px;height:250px;font-family:sans-serif}.card-wrapper:hover{cursor:pointer}.figure{overflow:hidden;position:relative;width:100%;height:100%}.card-image{width:250px;height:250px;transition:.5s;object-fit:cover}.figure .caption{display:grid;align-items:center;position:absolute;top:15px;left:15px;right:15px;bottom:15px}.marked-icon-wrapper .fa-journal-whills{position:absolute;top:10px;left:10px;font-size:25px;opacity:0;color:#add8e6;z-index:2;transition:.5s}.marked-icon-wrapper .favorited{opacity:1}.figure:hover .marked-icon-wrapper .fa-journal-whills{opacity:0}.caption:before{border-top:1px solid #add8e6;border-bottom:1px solid #add8e6;-webkit-transform:scaleX(0);transform:scaleX(0)}.caption:after,.caption:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;transition:.5s;z-index:1}.caption:after{border-left:1px solid #add8e6;border-right:1px solid #add8e6;-webkit-transform:scaleY(0);transform:scaleY(0)}.caption.favorited:after,.caption.favorited:before{box-shadow:2px 5px 5px #fff}.caption .card-content,.card-title{padding:0 10px;opacity:0;transition:.5s;text-align:center;z-index:2}.card-title{color:#add8e6;margin:0;padding:0;font-size:17px;text-transform:uppercase;height:17px}.caption .card-content p{color:#add8e6;padding:0;font-size:14px}.favorite-icon{color:#add8e6;font-size:30px}.icon-wrapper{width:35px;height:35px;margin:auto}.card-wrapper:hover .caption:after{-webkit-transform:scale(1);transform:scale(1)}.card-wrapper:hover .card-content,.card-wrapper:hover .card-title{opacity:1}.card-wrapper:hover .card-image{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:.4}.card-wrapper:hover .caption:before{-webkit-transform:scale(1);transform:scale(1)}.card-centerpiece{position:relative;grid-column:2/4;grid-row:2;height:250px;width:500px;display:grid;justify-content:center}.centerpiece-icon{width:140px;text-align:center;font-size:5em;color:#add8e6;opacity:1;margin:1.7rem auto}.centerpiece-text{font-size:1.7em;padding:10px 20px;margin-bottom:0}.centerpiece-fav-text,.centerpiece-text{font-family:Andale Mono,AndaleMono,monospace;color:#add8e6;text-align:center;text-transform:uppercase;margin-top:0}.fav-total-wrapper{float:right;display:flex;width:50px;position:absolute;right:1rem;top:1rem}.fav-count-display{margin:0;padding-left:1rem}.fav-count-display,.total-fav-icon{color:#add8e6}@media (max-width:1000px){.card-centerpiece{grid-column:2/3;width:250px}}@media (max-width:750px){.card-centerpiece{grid-column:1/3;width:500px}}@media (max-width:500px){.card-centerpiece{grid-column:1;width:250px}}.card-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:1000px;margin:2rem auto}@media (max-width:1000px){.card-container{grid-template-columns:1fr 1fr 1fr;width:750px}}@media (max-width:750px){.card-container{grid-template-columns:1fr 1fr;width:500px}}@media (max-width:500px){.card-container{grid-template-columns:1fr;width:250px}}.lightsaburger{margin:1rem;position:relative;background:#000;height:70px;width:70px;border-radius:50%;overflow:hidden;animation-name:pulse;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-duration:3s;animation-iteration-count:infinite}.bottom,.middle,.top{transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;position:absolute;padding:0;margin:0;display:flex}.top{transform:translate(15px,20px);-webkit-transform:translate(15px,20px)}.middle{transform:translate(15px,35px);-webkit-transform:translate(15px,35px)}.bottom{transform:translate(15px,50px);-webkit-transform:translate(15px,50px)}.blade,.grip{height:2px;background:#fff}.blade{width:30px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s}.grip{width:7px}.bottom-blade,.middle-grip,.top-blade{margin-right:3px}.lightsaburger:hover{cursor:pointer}.lightsaburger:hover .grip{background:silver}.lightsaburger:hover .top-blade{background:#6cc4ee}.lightsaburger:hover .middle-blade{background:#ffd300}.lightsaburger:hover .bottom-blade{background:#2ff923}.lightsaburger:hover .blade{box-shadow:0 0 15px #fff}.top-blade-toggled{box-shadow:0 0 10px #fff;background:#6cc4ee}.middle-blade-toggled{box-shadow:0 0 10px #fff;background:#ffd300}.bottom-blade-toggled{box-shadow:0 0 10px #fff;background:#2ff923}.middle-toggled{animation-name:mid-shift;animation-duration:.8s;-webkit-animation-name:mid-shift;-webkit-animation-duration:.8s;-moz-animation-name:mid-shift;-moz-animation-duration:.8s;-o-animation-name:mid-shift;-o-animation-duration:.8s;-webkit-transform:translate(15px,35px) rotate(-45deg);transform:translate(15px,35px) rotate(-45deg)}.bottom-toggled{animation-name:bottom-shift;animation-duration:1s;-webkit-animation-name:bottom-shift;-webkit-animation-duration:1s;transform:translate(15px,35px) rotate(45deg);-webkit-transform:translate(15px,35px) rotate(45deg)}.top-toggled{animation-name:top-shift;-webkit-animation-name:top-shift;-moz-animation-name:top-shift;-o-animation-name:top-shift;animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;-o-animation-duration:1.2s;-webkit-transform:translate(15px,35px) rotate(450deg);transform:translate(15px,35px) rotate(450deg);webkit-transform:translate(30px -15px) rotate(450deg)}.grip-toggled{background:silver}.please-login{opacity:1}@keyframes top-shift{0%{-webkit-transform:translate(15px,20px) rotate(0);transform:translate(15px,20px) rotate(0)}90%{-webkit-transform:translate(15px,100px) rotate(450deg);transform:translate(15px,100px) rotate(450deg)}to{-webkit-transform:translate(15px,35px) rotate(450deg);transform:translate(15px,35px) rotate(450deg)}}@-webkit-keyframes top-shift{0%{-webkit-transform:translate(15px,20px) rotate(0)}90%{-webkit-transform:translate(15px,100px) rotate(450deg)}to{-webkit-transform:translate(15px,35px) rotate(450deg)}}@keyframes mid-shift{92%{-webkit-transform:translate(-45px,100px) rotate(-405deg);transform:translate(-45px,100px) rotate(-405deg)}to{-webkit-transform:translate(15px,35px) rotate(-405deg);transform:translate(15px,35px) rotate(-405deg)}}@-webkit-keyframes mid-shift{92%{-webkit-transform:translate(-45px,100px) rotate(-405deg)}to{-webkit-transform:translate(15px,35px) rotate(-405deg)}}@keyframes bottom-shift{0%{-webkit-transform:translate(15px,35px) rotate(0deg);transform:translate(15px,35px) rotate(0deg)}92%{-webkit-transform:translate(95px,100px) rotate(405deg);transform:translate(95px,100px) rotate(405deg)}to{-webkit-transform:translate(15px,35px) rotate(405deg);transform:translate(15px,35px) rotate(405deg)}}@-webkit-keyframes bottom-shift{0%{-webkit-transform:translate(15px,35px) rotate(0deg)}92%{-webkit-transform:translate(95px,100px) rotate(405deg)}to{-webkit-transform:translate(15px,35px) rotate(405deg)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #add8e6}65%{box-shadow:0 0 10px 5px #add8e6}85%{box-shadow:0 0 0 0 #add8e6}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #add8e6}65%{box-shadow:0 0 10px 5px #add8e6}85%{box-shadow:0 0 0 0 #add8e6}}@media (max-width:450px){.bottom-toggled,.middle-toggled,.top-toggled{-webkit-animation-name:none;animation-name:none}}.modal-buttons-wrapper{position:absolute;background:rgba(0,0,0,.9);z-index:3;width:100vw;height:100vh;padding-left:1rem;display:none;top:100px;left:-500px;transition:.5s}.modal-wrapper .deployed{left:0}.modal-buttons-wrapper .nav-button{text-align:default}@media (max-width:475px){.modal-buttons-wrapper{display:block}.nav-button-text{text-align:start;font-size:1.4rem;width:130px}.nav-button{width:130px}.nav-button-text:before{width:130px;font-size:1.2rem;left:0}}.bad-path-message{text-align:center;color:#add8e6;font-family:Lucida Console,Monaco,monospace;margin:1rem}.App{display:grid;color:#fff;background:#000}.button-section{display:flex;height:100px}.category{text-align:center;color:#000;margin-bottom:0;font-size:1.7reme}header{position:relative;height:100px;margin:0}.button-wrapper{height:40px;position:absolute;top:45px;left:-400px;transition:.5s;display:flex}.deploy-buttons{left:100px}.content-wrapper{background:rgba(0,0,0,.5);width:90%;margin:2rem auto;border-radius:10px}.please-login{opacity:0;position:absolute;color:#add8e6;left:-300px;width:275px;font-size:12px;top:28px;transition:.3s;font-family:Andale Mono,AndaleMono,monospace}.display-login{opacity:1;left:105px}@media (max-width:475px){.button-wrapper{display:none}}
/*# sourceMappingURL=main.de08eab0.chunk.css.map */