.container{background:var(--general-bg);min-height:100vh;background-image:url(https://www.transparenttextures.com/patterns/broken-noise.png);background-blend-mode:overlay}.header__background{width:100%;height:650px;background-position:center;object-fit:cover;mask-image:linear-gradient(black 80%,transparent)}.header__text{position:absolute;top:65%;left:35%;transform:translate(-50%,-50%);width:40%}.index__title{font-family:Metamorphous,serif;text-transform:lowercase;letter-spacing:3px}.underline_text{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:8px}.index__subtitle{font-family:Poiret One,system-ui;font-size:1rem;text-transform:uppercase;letter-spacing:5px;color:var(--text-color)}.index__title:before,.characters__title:before,.author__title:before{content:"";display:inline-block;vertical-align:middle;background-color:var(--dark-color);width:60px;height:2px;margin-left:-40px;margin-right:5px}.content{margin-bottom:2rem}.italic__text{color:var(--accent-color)}.header__cite{background:var(--accent-color);padding:.8rem;margin-top:2rem;color:var(--light-green);letter-spacing:2px}.header__cite a{color:var(--light-green)}.characters{display:flex;flex-direction:column;padding:3rem;margin-top:5rem;background:var(--light-green);background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);background-blend-mode:hard-light}.characters__container{display:flex;gap:3rem;width:80%;margin:auto;margin-bottom:5rem}.title__container{color:var(--light-green);text-transform:lowercase;letter-spacing:3px;margin-bottom:2rem}.characters__title{font-family:Metamorphous,serif;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:8px;color:var(--dark-color);text-align:right;font-size:2rem}.character__subtitle{font-family:Poiret One,system-ui;font-size:1rem;text-transform:uppercase;letter-spacing:5px;color:var(--text-color);text-align:right}.short__text{color:var(--text-color);font-style:italic;text-align:right;margin-top:-1rem}.index__alex,.index__tsukiko{display:flex;justify-items:center;align-items:center;gap:.2rem;background:var(--general-bg);padding:1rem;border:1px solid var(--dark-color-alex);box-shadow:7px 6px 1px 1px var(--dark-color);width:50%}.card__container{display:flex;flex-direction:column;align-items:center}.card__content{text-align:center}.indexImg{width:50%;height:300px;object-fit:cover;--s: 10px;padding:var(--s);border:calc(2*var(--s)) solid #0000;outline:1px solid var(--dark-color-alex);outline-offset:calc(-1*var(--s));background:conic-gradient(from 90deg at 1px 1px,#0000 25%,var(--dark-color-alex) 0);mask-image:linear-gradient(black 50%,transparent)}.character__name{text-align:center;font-family:Metamorphous,serif;font-size:1.5rem;margin:0;text-decoration:overline;color:var(--dark-color)}.about__autor{display:flex;padding:5rem 3rem;background:var(--general-bg);background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);background-blend-mode:hard-light;justify-content:center}.about__content{display:flex;width:70%;align-items:center}.avatar{border-radius:50%;width:60%;margin:auto;box-shadow:7px 6px 1px 1px var(--dark-color)}.author__title{font-family:Metamorphous,serif;font-size:1.5rem}.author__content{margin-top:-2rem}.author__socials{display:flex;gap:1rem}.social__icons{color:var(--text-color);font-size:1.6rem}.social__icons:hover{color:var(--accent-color)}@media (max-width: 900px){.header__text{position:relative;top:0%;left:52%;width:100%;margin-bottom:-10rem}.header__background{height:455px}.characters__container,.index__alex,.index__tsukiko{flex-direction:column;width:100%}.indexImg{width:100%}.about__content{flex-direction:column}}@media (min-width: 1024px) and (max-width: 1600px){.header__text{top:34%}}.divider__top{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;margin-bottom:35px}.divider__top img{display:block;width:100%;height:auto}@media (max-width: 800px){.divider__top{position:static;margin-bottom:-81px}}@media (min-width: 801px) and (max-width: 1024px){.divider__top{margin-bottom:47rem}}@media (min-width: 1024px) and (max-width: 1600px){.divider__top{margin-bottom:39.5rem}}.divider__topDark{width:100%;overflow:hidden;line-height:0;margin-top:-27px}.divider__topDark img{display:block;width:100%;height:auto}