:root{--primary:#24bdff;--primary-text:rgba(0,0,0,0.89);--primary-hover:#3cc5ff;--primary-focus:rgba(61,197,255,0.8);--body-color:hsla(0,0%,100%,0.8875);--body-color-full:hsla(0,0%,100%,0.98);--body-bg:#040f14;--nav-bg:#071c26;--nav-border:#092431;--footer-text:hsla(0,0%,100%,0.6);--item-bg:#051118;--item-bg-light:#06131b;--item-border:rgba(13,61,82,0.8);--focus-shadow:0px 0px 0px 2px var(--primary-focus);--focus-shadow-thin:0px 0px 0px 1px var(--primary-focus);--card-shadow:rgba(0,0,0,0.1) 0px 4px 6px -1px,rgba(0,0,0,0.06) 0px 2px 4px -1px}*{box-sizing:border-box}a,body,button,code,div,form,h1,h2,h3,h4,h5,h6,img,input,span{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:initial}button{-webkit-appearance:none;appearance:none;background-color:initial;line-height:1.15;text-transform:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{font-family:Jost,system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:hsla(0,0%,100%,.8875);color:var(--body-color);background-color:#040f14;background-color:var(--body-bg);font-size:16px;line-height:1.15}.title,h1,h2,h3{font-family:Spartan,sans-serif;color:hsla(0,0%,100%,.98);color:var(--body-color-full)}.no-border{border:none!important}.container{margin:0 auto;width:calc(100% - 24px)}@media only screen and (min-width:601px){.container{width:95%}}@media only screen and (min-width:993px){.container{width:85%}}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-grow{display:flex;flex-grow:1}.flex-center-full{display:flex;flex:1 1;align-items:center;justify-content:center}.flex-end{display:flex;align-items:flex-end}.mt-sm{margin-top:.5rem}.mb-sm{margin-bottom:.5rem}.mb-1,.mt-1{margin-top:1rem}.mb-2,.mt-2{margin-top:1.5rem}.nav{background-color:#071c26;background-color:var(--nav-bg);width:100%;z-index:100}.nav.fixed{overflow-x:hidden;position:fixed;top:0;left:0}.nav.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.nav .logo{line-height:0}.nav .container{padding:1rem 0}.nav .navbar .container{padding:0!important}.nav .nav-link{display:inline-block;padding:.65rem 1rem calc(.6rem - 2px);border-bottom:2px solid transparent;cursor:pointer}.nav .nav-link.active{border-color:#24bdff;border-color:var(--primary)}.nav .nav-link:hover{text-decoration:none;color:hsla(0,0%,100%,.98);color:var(--body-color-full)}.nav .search{display:flex;align-self:center;width:100%;max-width:400px;margin:0 1rem}.nav .nav-border{background-color:#092431;background-color:var(--nav-border);height:1px}.nav .navbar .container{padding:.75rem 0}.pageContent{margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.75rem;border-radius:5px;font-weight:700;line-height:1.15;color:inherit;transition:box-shadow .115s ease}.btn:hover{cursor:pointer}.btn:focus{box-shadow:0 0 0 2px rgba(61,197,255,.8);box-shadow:var(--focus-shadow)}.btn.outline{padding:calc(.65rem - 1px) calc(1.75rem - 1px);border:1px solid #24bdff;border:1px solid var(--primary)}.btn.outline:focus,.btn.outline:hover{border-color:#3cc5ff;border-color:var(--primary-hover)}.btn.primary{background-color:#24bdff;background-color:var(--primary);color:rgba(0,0,0,.89);color:var(--primary-text)}.btn.primary:hover{text-decoration:none}.btn.primary:active,.btn.primary:focus,.btn.primary:hover{background-color:#3cc5ff;background-color:var(--primary-hover)}.input{box-sizing:border-box;background-color:#040f14;background-color:var(--body-bg);border:1px solid rgba(13,61,82,.8);border:1px solid var(--item-border);padding:calc(.65rem - 1px) calc(1rem - 1px);border-radius:5px;font-size:inherit;color:var(--body-text);transition:box-shadow .115s ease-out}.input:focus{border-color:rgba(61,197,255,.8);border-color:var(--primary-focus);box-shadow:0 0 0 1px rgba(61,197,255,.8);box-shadow:var(--focus-shadow-thin)}.input.no-border:focus{box-shadow:0 0 0 2px rgba(61,197,255,.8);box-shadow:var(--focus-shadow)}.input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6);color:var(--footer-text)}.input::placeholder{color:hsla(0,0%,100%,.6);color:var(--footer-text)}.stacked{box-sizing:border-box}.stacked .input{display:block}.stacked .input:not(:last-child){margin-bottom:.5rem}.input.search{padding-left:40px;background-image:url(https://cdn.flolon.dev/assets/icons/search_white_24dp.svg);background-size:24px 24px;background-repeat:no-repeat;background-position-y:center;background-position-x:9px}.full-form{background-color:#051118;background-color:var(--item-bg);padding:1rem;border-radius:5px}main{min-height:calc(100vh - 4.5rem)}.title{font-weight:500;font-size:1.75rem}.cards{display:flex;align-items:center;margin-top:1rem;margin-bottom:1.75rem}.cards .card:not(:first-child){margin-left:.75rem}.card{display:flex;flex-direction:column;position:relative;cursor:pointer}.card,.card:after{border-radius:8px;transition:box-shadow .115s ease}.card:after{content:"";position:absolute;pointer-events:none;width:100%;height:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--card-shadow)}.card:hover:after{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card:active{box-shadow:0 0 0 2px rgba(61,197,255,.8);box-shadow:var(--focus-shadow)}.card img{max-width:100%}.card-overlay{top:0;left:0;margin:.65rem}.card-overlay,.card-overlay.shadow{position:absolute;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.card-overlay.shadow{bottom:0;padding:1.25rem .65rem .85rem;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.31) 25%,rgba(0,0,0,.52) 45%,rgba(0,0,0,.86));width:100%}.card-hover-overlay{opacity:0;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:.55rem;top:.55rem;white-space:nowrap;z-index:20;padding:.45rem;background-color:#071c26;background-color:var(--nav-bg);border-radius:6px;transition:opacity 75ms ease-out}.card-hover-overlay .icon{max-width:1.25rem}.card:hover .card-hover-overlay{opacity:.97}.card .card-title{font-weight:500;font-size:18px;margin-bottom:.15rem}.card .author,.card .card-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card .author{font-size:15px;color:hsla(0,0%,100%,.78)}.card .tags{display:flex;flex-direction:row;flex-flow:row wrap;margin-top:.25rem;margin-bottom:.2rem}.tags a{display:inline-block;background-color:#051118;background-color:var(--item-bg);padding:.2rem .65rem;font-size:.75rem;border-radius:10px;margin-right:4px;margin-top:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.tags a:first-child{background-color:hsla(0,0%,100%,.98);background-color:var(--body-color-full);color:#051118;color:var(--item-bg)}.tags a:not(:first-child){text-transform:lowercase}.comic-cards .card{max-width:175px}img{border-radius:8px;border-bottom-right-radius:0;border-bottom-left-radius:0}.card .meta{background-color:#071c26;background-color:var(--nav-bg);padding:.65rem;box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px;max-width:100%}.video-cards{margin-bottom:2rem}.video-cards .card{max-width:325px}.video-cards .card img{height:auto}.meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card .time{font-size:14px;opacity:.92;padding:1px 6px;background-color:rgba(0,0,0,.75);border-radius:3px}.footer{background-color:#071c26;background-color:var(--nav-bg);color:hsla(0,0%,100%,.6);color:var(--footer-text);font-size:14px;margin-top:1.5rem}.footer .container{padding:1rem 0}.copy{color:hsla(0,0%,100%,.6);color:var(--footer-text)}
/*# sourceMappingURL=main.e5a312d0.chunk.css.map */