body{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}@font-face{font-family:"CrawlTitle";src:url(/static/media/SWCrawlTitle.28a0d049.ttf)}@font-face{font-family:"CrawlBody";src:url(/static/media/SWCrawlBody.a7f417dc.ttf)}html{background:#1d1f20;overflow-x:hidden}h1,p{color:#fff}h1{font-size:3rem;font-family:"CrawlTitle",sans-serif;font-weight:bolder;letter-spacing:1px;color:#fddc38}body{position:relative}.App header{height:auto;width:100vw;background-color:#000;background-image:url(/static/media/starsbackgroundtransparent.91536c3e.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.App header,.App header div{border-bottom:1px solid #333}.App header div{display:flex;justify-content:center}.App header div img{padding:1.5rem 0}.App header nav{background-color:#000}.App header nav,.App header nav ul{display:flex;justify-content:center}.App header nav ul{align-items:center;list-style:none;width:20vw;margin:0}.App header nav ul li{text-decoration:none;text-transform:uppercase;font-size:.875rem;font-weight:700;letter-spacing:1px;padding:.7rem 2.2rem;color:#999}.App header nav ul li:first-child{border-left:1px solid #333;border-right:.5px solid #333}.App header nav ul li:last-child{border-left:.5px solid #333;border-right:1px solid #333}.App header nav ul li a{color:#999;text-decoration:none;transition:.3s ease-in-out}.App header nav ul li a:hover{color:#fff}.App .home-wrapper{margin:5% auto;display:flex;justify-content:center}.App .home-wrapper a{position:relative;margin:1rem;padding:5rem 2rem;background:#000;color:#fddc38;font-size:3rem;font-family:"CrawlTitle",sans-serif;font-weight:bolder;text-decoration:none;letter-spacing:1px;border-left:5px solid #333;border-right:5px solid #333;transition:all .3s}.App .home-wrapper a:hover{transform:perspective(1000px) rotateX(20deg) scale(1.15);z-index:1}.App .select-wrapper{display:flex;flex-direction:column;align-items:center}.App .select-wrapper select{display:block;width:300px;font-size:1.3rem;font-family:"CrawlBody",sans-serif;padding:1rem;background:#1d1f20;color:#fddc38;border:none;border-radius:20px}.App .select-wrapper select:hover{cursor:pointer}.App .select-wrapper select option{padding:.5rem 0;line-height:2rem;text-align:justify;background:#1d1f20}.App .select-wrapper select option:hover{cursor:pointer}.App .filter-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;margin-top:2rem}.App .filter-wrapper .character-card{color:#8eb6f2;margin:1rem 2rem;padding:1rem 2rem;width:15%;font-weight:700;background:rgba(67,91,152,.35);border:5px solid #8eb6f2;border-radius:15px;transform:perspective(3000px) rotateY(20deg) rotateX(15deg);transition:.3s cubic-bezier(.77,.6,.36,.77);text-decoration:none;filter:drop-shadow(0 0 10px #2424d1)}.App .filter-wrapper .character-card:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.05)}.App .filter-wrapper .character-card h2{color:#8eb6f2;width:100%;text-align:center;text-transform:uppercase;font-size:1.5rem;font-style:italic;filter:drop-shadow(0 0 10px #2424d1)}.App .filter-wrapper .character-card img{display:block;margin:1rem auto;height:auto;width:100px;filter:drop-shadow(0 0 10px #2424d1)}.App .filter-wrapper .character-card ul{margin:0;padding:0;list-style:none;text-align:center}.App .filter-wrapper .character-card ul li{filter:drop-shadow(0 0 10px #2424d1)}.App .character-detail-wrapper{display:flex;justify-content:center;align-items:center}.App .character-detail-wrapper>ul{list-style:none;color:#8eb6f2;margin:3rem 0;padding:1rem 2rem;width:500px;font-weight:700;background:rgba(67,91,152,.35);border:5px solid #8eb6f2;border-radius:15px;filter:drop-shadow(0 0 10px #2424d1)}.App .character-detail-wrapper>ul .name{font-size:1.5rem}.App .character-detail-wrapper>ul li{margin:1rem 0;filter:drop-shadow(0 0 10px #2424d1)}.App .character-detail-wrapper>ul li>:first-of-type{position:relative}.App .character-detail-wrapper>ul li>:first-of-type:after{content:"";position:absolute;top:0;left:0;width:60%;height:4px;background:#8eb6f2}.App .character-detail-wrapper>ul li ul{list-style:none;padding:0;font-size:1.5rem}.App .character-detail-wrapper>ul li ul li{margin:0;filter:drop-shadow(0 0 10px #2424d1)}.App .character-detail-wrapper>ul li ul li:last-child{position:relative}.App .character-detail-wrapper>ul li ul li:last-child:after{content:"";position:absolute;bottom:-3px;left:0;width:60%;height:4px;background:#8eb6f2}.App .visualitation-wrapper .header-wrapper{display:flex;flex-direction:column;align-items:center}.App .visualitation-wrapper .visualisation-legend{margin:0 auto 2rem;display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;color:#fddc38;width:700px;font-size:1.2rem;font-family:"CrawlBody",sans-serif}.App .visualitation-wrapper .visualisation-legend li{margin:1rem .5rem 0 1rem;display:flex;flex-direction:row;justify-content:center}.App .visualitation-wrapper .visualisation-legend li span{display:inline-block;height:1.5rem;width:1.5rem;margin-right:.5rem}.tool-tip{position:absolute;z-index:10;color:#fddc38;background:#000;padding:.5rem;text-transform:uppercase;font-family:"CrawlBody",sans-serif}
/*# sourceMappingURL=main.10b9bb79.chunk.css.map */