body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav{display:flex;justify-content:center;margin-bottom:10px}.bg-color-enter{background-color:#fff;height:0}.bg-color-enter-active{background:#000;height:100%;transition:background-color .3s ease-in-out,height .3s ease-in-out}.bg-color-enter-done,.bg-color-exit{background-color:#000;height:100%}.bg-color-exit-active{transition:background-color .3s ease-in-out,height .3s ease-in-out}.bg-color-exit-active,.bg-color-exit-done{background-color:#fff;height:0}.fade{transition:opacity .5s}button{border:none;font-size:1rem;transition:background-color .5s linear,color .5s linear}.home-header{align-items:center;color:#fff;display:flex;font-size:2rem;justify-content:space-around;margin:0;padding:0}.\.whiteText,.whiteText{color:#fff}.fadeOut{opacity:0}.fadeIn,.fadeOut{transition:opacity .5s}.fadeIn{opacity:1}body{background-color:#000}.comics-container{align-items:center;display:flex;flex-direction:column}.comic-buttons,.episode-nav{display:flex;justify-content:center}.episode-nav{transition:opacity .5s ease-in}.button-container{align-items:center;display:flex;justify-content:space-evenly}#back-to-top-btn{background-color:#333;border:none;border-radius:4px;bottom:20px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px;right:20px;z-index:1}#back-to-top-btn:hover{background-color:#555}.grid{display:flex;flex-wrap:wrap}.grid img{cursor:pointer;height:auto;object-fit:cover;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:33%}.grid img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.grid img.enlarged{box-shadow:0 0 20px rgba(0,0,0,.5);object-fit:contain;width:100rem;z-index:100}.grid-container{display:flex;justify-content:center}@media screen and (min-width:769px){.grid{justify-content:center;width:50%}}.body-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}@media (max-width:767px){iframe{display:block;height:200px;max-width:100%;width:100%}}@media (min-width:768px){iframe{display:block;height:200px;max-width:800px;width:100%}}@media (max-width:767px){img{display:block;max-width:100%}}@media (min-width:768px){img{display:block;max-width:800px}.episode-nav{max-width:66%}}
/*# sourceMappingURL=main.af8dc3e3.css.map*/