@import url(https://fonts.googleapis.com/css?family=Bangers&display=swap);html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}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}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h1,h2{letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.2;letter-spacing:.55rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}img{width:100%;display:block;vertical-align:bottom}header{font-family:"Bangers",Arial Black;margin:10px 0;text-align:center}.details{background-color:#fff;border-radius:2px;border:1px solid #bbb;box-shadow:2px 2px 5px #eee;-webkit-flex:1 1;flex:1 1;height:100%;left:0;overflow-y:auto;padding:0 10px 10px;position:fixed;top:0;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.details.hidden-on-mobile{-webkit-transform:translate(-600px);transform:translate(-600px);display:inline-block}.details.visible-on-mobile{-webkit-transform:translate(0);transform:translate(0);display:inline-block}.close-details{background-color:red;border:1px solid #000;color:#fff;cursor:pointer;font-family:"Bangers",Arial Black;font-size:30px;font-weight:700;height:44px;position:fixed;right:-13px;text-align:center;top:55%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);vertical-align:middle;width:92px;z-index:20}.hidden-on-mobile{display:none}.detail-text{-webkit-flex:1 1;flex:1 1;padding:10px 0 0}.detail-title{margin:3px;font-size:1.5em;letter-spacing:.25rem}.detail-title,.primary-button{font-family:"Bangers",Arial Black}.primary-button{background-color:red;border-radius:5px;color:#fff;display:inline-block;font-size:2em;margin:10px 0;padding:.05em 0;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}@media (min-width:550px){.details{background-color:#fff;border-radius:2px;border:1px solid #bbb;box-shadow:2px 2px 5px #eee;-webkit-flex:1 1;flex:1 1;height:100%;left:0;overflow-y:auto;padding:0 10px 10px;position:relative;top:0;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.details.hidden-on-mobile,.details.visible-on-mobile{-webkit-transform:translate(0);transform:translate(0);display:inline-block}.hidden-on-mobile{display:inline-block}.hidden-on-gt-mobile{display:none}}@media (min-width:850px){.details{background-color:#fff;border-radius:2px;border:1px solid #bbb;box-shadow:2px 2px 5px #eee;-webkit-flex:2 1;flex:2 1;height:100%;left:0;overflow-y:auto;padding:0 10px 10px;position:relative;top:0;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.detail-cover-text-container{display:-webkit-flex;display:flex}.detail-cover{-webkit-flex:1 1;flex:1 1;border-radius:2px;margin-bottom:15px}.detail-text{-webkit-flex:1 1;flex:1 1;padding:0 0 0 13px}}.list-item{border-radius:2px;border:1px solid #ccc;box-shadow:2px 2px 5px #eee;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:flex;margin-bottom:10px}.list-item-cover{-webkit-flex:1 1;flex:1 1;border-radius:2px}.list-item-description{-webkit-flex:2 1;flex:2 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:3px 3px 0 10px}@media (min-width:550px){.list-item.active,.list-item:hover{background-color:#eee}}.comics-list{-webkit-flex:1 1;flex:1 1;height:100%;margin-right:10px;overflow-y:auto}.random-button{background-color:red;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:"Bangers",Arial Black;font-size:2em;margin-bottom:10px;padding:.05em 0;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}main{-webkit-flex:1 1;flex:1 1;overflow-y:hidden}.container,main{display:-webkit-flex;display:flex}.container{box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column;height:100vh;margin:0 auto;max-width:960px;padding:0 20px;position:relative;width:100%}@media (min-width:550px){.container{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh;margin:0 auto;max-width:960px;padding:0;position:relative;width:85%}}.loading-wrapper{text-align:center;-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.loading-title{-webkit-flex:1 1;flex:1 1;margin:auto}.loading-ripple{-webkit-flex:1 1;flex:1 1;display:inline-block;position:relative;width:64px;height:64px;margin:10px auto}.loading-ripple div{position:absolute;border:4px solid #aaa;opacity:1;border-radius:50%;-webkit-animation:loading-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:loading-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.loading-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes loading-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}@keyframes loading-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}
/*# sourceMappingURL=main.8fe4f4ca.chunk.css.map */