@import url(https://fonts.googleapis.com/css?family=Barlow:600&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,800&display=swap);:root{--font-family-base:"Montserrat",sans-serif;--blue:#0282f9;--gray:#323232;--dark-gray:#262626;--light-gray:#b3b3b3;--white:#fff}*{box-sizing:border-box;font-family:var(--font-family-base);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;min-height:100vh;-moz-osx-font-smoothing:grayscale}.navbar,body{background-color:var(--gray)}.navbar{align-items:center;box-shadow:1px 3px 4px rgba(0,0,0,.5);display:flex;justify-content:center;left:0;padding:.8rem 1rem;position:fixed;right:0;z-index:1}.logo{margin-right:1rem;width:3rem}.navbar-text{color:var(--white);font-size:2rem;font-weight:800}.footer{align-items:center;background-color:var(--dark-gray);color:var(--white);display:flex;flex-direction:column;padding:1rem}.footer-name{font-size:.85rem}.footer-title{font-size:1rem;margin-bottom:1rem}.card{max-width:100%;position:relative;width:25rem}.card-image{border-radius:.5rem;box-shadow:1px 2px 3px rgba(0,0,0,.3);height:20rem}.card-content{background-color:var(--dark-gray);border-radius:.6rem;box-shadow:0 2px 15px 0 rgba(0,0,0,.8);color:var(--light-gray);display:flex;flex-direction:column;font-size:.85rem;height:15rem;left:11rem;padding:1rem;position:absolute;top:3rem;width:15rem}.character-title{color:var(--white);font-size:1.5rem;margin-bottom:.5rem}.character-name{color:var(--blue);font-size:1rem;font-weight:600;margin-bottom:.5rem}.character-info{display:flex;margin-top:1rem}.character-badge{background-color:var(--blue);border-radius:1rem;color:var(--white);margin-right:.8rem;min-height:1.5rem;padding:.2rem .5rem}@media only screen and (max-width:35rem){.card{width:22rem}.card-image{height:15rem}.card-content{left:7rem;top:0}}@media only screen and (max-width:25rem){.card-content{width:14rem}}.container-loader{display:flex;height:calc(100vh - 6rem);justify-content:center;position:relative}.loader{height:5rem;position:absolute;top:50%;width:5rem}.loader:after,.loader:before{-webkit-animation:wave 1s cubic-bezier(0,.2,.8,1) infinite;animation:wave 1s cubic-bezier(0,.2,.8,1) infinite;border:.2rem solid var(--white);border-radius:50%;content:"";left:0;margin:0 auto;position:absolute;right:0}.loader:before{height:50px;top:10px;width:50px}.loader:after{-webkit-animation-delay:-.5s;animation-delay:-.5s;height:70px;width:70px}.loader-text{color:var(--white);font-size:.85rem;position:absolute;top:63%}@-webkit-keyframes wave{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes wave{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.character-container{display:grid;grid-gap:3rem 1rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin:0 auto;max-width:100%;padding:7rem 1rem 3rem;width:1000px}@media only screen and (max-width:57rem){.character-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.c3034a11.chunk.css.map */