@import url(https://fonts.googleapis.com/css?family=Comic+Neue:300,300italic,regular,italic,700,700italic);:root{--blue:#0084ff;--charcoal:#303952}body,ul{margin:0;padding:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#fa0000;border:1px solid #fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:red}::-webkit-scrollbar-thumb:active{background:#fa0000}::-webkit-scrollbar-corner{background:transparent}.capitalize{text-transform:capitalize}header{padding:15px;position:relative;top:0;transition:.5s}.theme-choose{position:absolute;top:15px;left:10px}header h1{font-family:Comic neue;text-align:center;width:-moz-fit-content;width:fit-content;padding:5px;margin:0 auto 35px;font-size:3em;color:#000}#menu-icon{margin:10px 0;float:left;cursor:pointer;height:25px;width:25px;text-align:center}.compact{border-radius:50%;padding:5px}nav{display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px auto;width:80%;color:#000}.hide-nav-bar{animation:hide-nav-slide 1s ease-in-out;animation-fill-mode:forwards}.show-nav-bar{animation:show-nav-slide 1s ease-in-out}@keyframes hide-nav-slide{to{transform:translateX(-100%);opacity:0;visibility:hidden;position:absolute}}@keyframes show-nav-slide{0%{transform:translateX(-100%);opacity:0}to{opacity:1;visibility:none}}#home-container{width:-moz-fit-content;width:fit-content;max-width:90%;padding:10px;margin:50px auto;text-align:center;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08)}#home-container nav{display:flex;flex-wrap:wrap;width:90%}#stories-home-container{position:relative;max-width:90%;margin:0 auto}#stories-title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:200px;margin:15px auto}#icon-random{cursor:pointer}#icon-random:hover{cursor:pointer;color:var(--blue)}#stories-home{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.center-loading{width:-moz-fit-content;width:fit-content;margin:0 auto}.link-nav{color:#000;text-decoration:none;padding:7px;margin:5px 0;border-radius:5px;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.shadow-bottom{box-shadow:0 2px 5px 0 #0000005e}.link-nav:hover{box-shadow:inset 5px 4px 5px 2px #0000002c}#search-bar{border:none;outline:none;min-width:200px;height:20px;margin:25px 0;position:relative;left:50%;transform:translate(-50%);border-radius:5px;padding:5px;background:#1f1e1e;color:#fff}.box-shadow-inset{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.container-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:0 auto;width:95%;gap:10px}.card{border-radius:10px;width:15em;height:20em;background-size:cover;position:relative;cursor:pointer;margin:15px;animation:card-slide 1s;transition:.3s}@media (max-width:700px){.card{width:8em;height:12em}}@keyframes card-slide{0%{top:-50px;opacity:0}to{top:0;opacity:1}}.card:hover{box-shadow:none}.card h3{padding:5px;font-size:1em;position:inherit;position:absolute;border-radius:0 5px 5px 0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);text-shadow:1px 1px 3px #000;bottom:0}#more-cards{display:flex;width:50px;margin:0 auto}#more-cards p{width:30px;padding:15px;border:1px solid #fff;border-radius:50%;text-align:center}#go-top{background-color:var(--charcoal);border:2px solid #fff;text-align:center;position:fixed;bottom:50px;right:15px;border-radius:50%;width:50px;height:50px;font-size:16px;display:flex;align-items:center;justify-content:space-around}#go-top a{color:#fff;text-decoration:none;font-size:24px}.description{width:65%;margin:25px auto;text-align:center;font-size:1.2em;position:relative}.info-container{display:flex;flex-wrap:nowrap;border-radius:15px;width:75%;margin:30px auto;padding:20px;gap:5em;height:-moz-fit-content;height:fit-content;overflow-x:scroll;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);background-color:#e6e6e6;color:#000;justify-content:space-between;border:2px solid #fff}.info,.realisations{display:flex;flex-direction:column;width:8em;text-align:center;height:100%;cursor:pointer}.info img,.realisations img{border-radius:5px;transition:.3s}.info img:hover,.realisations img:hover{box-shadow:none}.info h3,.realisations h3{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:25ch}.poster{width:95%;max-width:350px;height:auto;border-radius:10px;position:relative;left:50%;transform:translate(-50%)}.no-data{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:red;border:1px solid #fff;padding:5px;border-radius:5px;margin:auto}#comic-part{height:100%}#comic-part,#events-part,#series-part{padding:15px}#presentation{display:grid;grid-template-areas:"h1 h1 h1" "img p p" "img p p" "img ul ul" "st st st" "lk lk sr";grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;width:60%;margin:25px auto;padding:15px;max-height:-moz-fit-content;max-height:fit-content;font-size:1.3em;border-radius:15px;color:#000;background:#202020}@media (max-width:865px){#presentation{grid-template-areas:"h1" "img" "p" "ul" "st" "lk" "sr";grid-template-columns:1fr;max-height:-moz-fit-content;max-height:fit-content;width:85%}}@media (max-width:1200px){#presentation{width:80%}.stories-container{flex-wrap:wrap}}.stories-container{display:flex;grid-area:st;flex-direction:row;justify-content:stretch;overflow:scroll;margin:0 auto;max-height:400px;width:90%;padding:10px;box-shadow:inset 0 0 4px 2px #0000008b}.stories-container .stories-card{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:220px;font-size:.6em;margin:25px 10px;padding:0}.comics-container{display:flex;flex-direction:row;justify-content:stretch;flex-wrap:wrap;width:75%;margin:auto}#presentation h1{text-align:center;grid-area:h1;font-size:1.2em;margin:10px auto 5%;color:var(--blue);padding:15px;min-width:25%;text-shadow:1px 2px 2px #000;border-bottom:1px solid var(--blue);box-shadow:inset 0 -6px 6px 0 #0000006b}#presentation-img{grid-area:img;margin:0 auto}#presentation-img img{width:auto;height:auto;max-height:400px;min-width:150px;max-width:250px}.select-image{display:flex;flex-direction:row;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;border-radius:15px}.selecter-images{color:#fff;margin:0 5px;padding:5px}.selecter-images:hover{color:var(--blue);cursor:pointer}.active-image{color:var(--blue)}#more-info{grid-area:ul;color:#fff;list-style:none}.role{font-size:.8em}.role a{text-decoration:none;color:#fff}#more-info a:hover{text-decoration:underline}strong{color:var(--blue);font-size:1.1em;letter-spacing:.15em}#description{grid-area:p;color:#fff}#before-after-series{display:flex;flex-direction:row;justify-content:space-between;width:100px;padding:5px;margin:0 auto}#characters{display:flex;flex-wrap:wrap;align-items:center;justify-content:stretch;width:-moz-fit-content;width:fit-content;max-width:80%;max-height:450px;margin:0 auto 25px;padding:10px;border-radius:15px;overflow-y:scroll;box-shadow:inset 0 0 9px 0 #0000004a;border:2px solid #fff}#characters .card{margin:15px}.rebrique-title{background-color:var(--charcoal);border-bottom:2px solid var(--charcoal);border-radius:5px 5px 0 0;height:max-content;width:-moz-fit-content;width:fit-content;text-align:center;margin:0 auto;padding:5px;color:#fff}.realisations-container{display:flex;flex-wrap:wrap;overflow-x:none;overflow-y:scroll;width:80%;margin:25px auto;justify-content:space-around;max-height:450px;padding:15px;border-radius:15px;border:3px solid red;background-color:#1c1d20;color:#fff}.realisations{width:250px}.title-realisations{padding:5px;background-color:red;border:2px solid #fff;border-radius:5px;max-width:120px;margin:auto;color:#fff}#h1-realisation{text-align:center;margin:50px 0;font-size:36px}.more-data{width:100%;text-align:center}.more-data,.more-data p{height:-moz-fit-content;height:fit-content}.more-data p{background-color:#1c1d20;border:2px solid red;max-width:50px;padding:5px;border-radius:10px;margin:15px auto;transition:.3s;color:#fff}.icon-search{cursor:pointer;margin:0 15px}.search-bar-realisations{display:flex;width:100%;justify-content:flex-end}.search-bar-realisations input{border-radius:5px;outline:none;border:none}.hidden{visibility:hidden}#top{display:flex;grid-area:h1;justify-content:space-between;align-items:center}#top h1{height:-moz-fit-content;height:fit-content}.arrows{cursor:pointer;color:red;border-radius:50%;width:25px;height:25px;text-align:center;text-decoration:none;transition:.5s}.arrows:hover{transform:translateX(5px)}.search-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;margin:25px auto;padding:5px}.search-container,.search-container *{width:-moz-fit-content;width:fit-content}.search-container *{margin:5px auto}#check-reverse{cursor:pointer;border-radius:5px;padding:5px;transition:.5s;background-color:#fff}#check-reverse:hover{box-shadow:inset 5px 4px 5px 2px #0000002c}.checked:after{content:"✓"}.checked{box-shadow:inset 5px 4px 5px 2px #0000002c}#sort-type{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;border-radius:5px;text-align:center;background-color:#fff}#sort-type:active,#sort-type:hover{box-shadow:inset 5px 4px 5px 2px #0000002c;outline:none;border:none;border-radius:5px;cursor:pointer}.search-container div{display:flex;flex-direction:row;justify-content:space-between}.search-container div *{margin:0 5px}.stories-card{background-color:#fff;color:#000;width:250px;margin:5px;border:2px solid #000;border-radius:15px;transition:.3s;box-shadow:8px 8px 0 1px #000}.stories-card:hover{transform:translate(8px,8px);box-shadow:none}.stories-card h3{text-align:center;padding:10px}a{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none}.container{display:flex;justify-content:space-evenly;width:-moz-fit-content;width:fit-content;background-color:red;margin:auto}.container .card{margin:10px}.series{width:100%;height:-moz-fit-content;height:fit-content;grid-area:sr;margin:auto;text-align:right;color:#fff}#extern-links{grid-area:lk;display:flex;flex-direction:row;width:min-content;font-size:.8em;margin-top:10px}#extern-links a{text-decoration:none;color:#fff;margin:5px;cursor:pointer}#extern-links a:hover,.series:hover{text-decoration:underline;color:var(--blue)}.error{margin:25px auto;color:red;text-align:center}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6d8158b5dac66a6a-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e59629220826f849-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f93fc288d3b8d809-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e7347371973bd777-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/738eea07b03bec13-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/42c90ae5e5890163-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Roboto_Condensed_0fa0e8;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/23eba3ab93d1c83a-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Roboto_Condensed_Fallback_0fa0e8;src:local("Arial");ascent-override:104.18%;descent-override:27.42%;line-gap-override:0.00%;size-adjust:89.05%}.__className_0fa0e8{font-family:__Roboto_Condensed_0fa0e8,__Roboto_Condensed_Fallback_0fa0e8;font-weight:400;font-style:normal}@font-face{font-family:__Comic_Neue_6b11e6;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d6ad45bb51fe3f74-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Comic_Neue_Fallback_6b11e6;src:local("Arial");ascent-override:91.96%;descent-override:25.54%;line-gap-override:0.00%;size-adjust:97.87%}.__className_6b11e6{font-family:__Comic_Neue_6b11e6,__Comic_Neue_Fallback_6b11e6;font-weight:400;font-style:normal}