:root{--step--2:clamp(0.74rem,0.75rem + -0.05vw,0.7rem);--step--1:clamp(0.89rem,0.87rem + 0.07vw,0.94rem);--step-0:clamp(1.06rem,1.01rem + 0.25vw,1.25rem);--step-1:clamp(1.28rem,1.17rem + 0.53vw,1.67rem);--step-2:clamp(1.53rem,1.34rem + 0.94vw,2.22rem);--step-3:clamp(1.84rem,1.53rem + 1.52vw,2.96rem);--step-4:clamp(2.2rem,1.73rem + 2.36vw,3.95rem);--step-5:clamp(2.64rem,1.93rem + 3.55vw,5.26rem);--first-color:#222831;--first-alpha-color:rgba(34,40,49,.9);--second-color:#393e46;--second-alpha-color:rgba(57,62,70,.9);--third-color:#00adb5;--third-alpha-color:rgba(0,173,181,.9);--fourth-color:#eee;--fourth-alpha-color:hsla(0,0%,93%,.9);--max-width:1200px}html{box-sizing:border-box;font-size:62.5%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-size:1.2rem;font-weight:400;line-height:1.5;color:var(--first-color);background-color:#fff}button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;padding:.25rem .5rem;border:1px solid var(--fourth-color);border-radius:.25rem;background-color:var(--first-color);transition:border-color .2s ease-in-out}button:focus{outline:none;border-color:var(--third-color)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;line-height:1.5}a{color:var(--third-color);text-decoration:none}ul{list-style:none}li,p,ul{margin:0;padding:0}p{font-size:var(--step-1);font-weight:400;line-height:1.5;color:var(--second-color)}table{border-collapse:collapse;border-spacing:0}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;padding:.25rem .5rem;border:1px solid var(--fourth-color);border-radius:.25rem;background-color:var(--first-color);transition:border-color .2s ease-in-out}.container{display:flex;flex-direction:column;gap:1rem;max-width:var(--max-width);margin:0 auto;padding:0 1rem 2rem}.container h1{font-size:var(--step-5);font-weight:700;line-height:1.5;color:var(--first-color);text-align:center}.header{position:sticky;top:0;left:0;justify-content:center;height:5rem;margin:0 auto;padding:0 1rem;color:var(--first-color);background-color:#fff;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-bottom:1px solid var(--fourth-color)}.header,.header .header-box{display:flex;align-items:center;gap:1rem;z-index:99;width:100%}.header .header-box{max-width:var(--max-width);justify-content:space-between}.nav{width:auto;height:100%;justify-content:center}.nav,.nav-list{display:flex;align-items:center}.nav-list{justify-content:space-between;flex-wrap:wrap;max-width:var(--max-width);width:100%;margin:0 auto}.nav-item{min-width:200px;height:4rem;display:flex;justify-content:center;align-items:center;font-size:var(--step-1);font-weight:500}.nav-item a{position:relative;z-index:10;color:var(--first-color);text-decoration:none;transition:color .2s ease-in-out;transition-delay:.2s}.nav-item a,.nav-item a:before{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.nav-item a:before{content:"";position:absolute;top:0;left:0;z-index:-1;background-color:var(--second-color);border-radius:2rem;transform-origin:right;transform:scaleX(0);transition:transform .2s ease-in-out}.nav-item a.active:before{transform:scaleX(1);transform-origin:center;transition-delay:.2s}.nav a.active{font-weight:700;color:#fff}@media screen and (min-width:48em){.nav-item{min-width:300px}}.step--2{font-size:var(--step--2)}.step--1{font-size:var(--step--1)}.step-0{font-size:var(--step-0)}.step-1{font-size:var(--step-1)}.step-2{font-size:var(--step-2)}.step-3{font-size:var(--step-3)}.step-4{font-size:var(--step-4)}.step-5{font-size:var(--step-5)}.font-weight-400{font-weight:400}.font-weight-700{font-weight:700}.font-weight-900{font-weight:900}.comics{flex-wrap:wrap;gap:2rem}.comic,.comics{display:flex;justify-content:center;align-items:center}.comic{width:100%;max-width:380px;height:100%;flex-direction:column;gap:1.5rem;padding:1rem;border-radius:.5rem}.comic h2{font-size:var(--step-2);font-weight:500;line-height:1.5;color:var(--first-color);text-align:center}.comic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.comic img:hover{transform:scale(1.05);box-shadow:0 0 .5rem .5rem var(--fourth-alpha-color);transition:transform .5s ease-in-out}.comic-page{width:100%;max-width:800px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem;padding:1rem;margin:0 auto}.comic-page img{width:300px;height:auto;-o-object-fit:contain;object-fit:contain}.comic-page p{text-align:center}@media screen and (min-width:32em){.comic-page img{width:500px;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:48em){.comic-page img{width:auto;height:auto;-o-object-fit:cover;object-fit:cover}}.comic-navigation{width:100%;max-width:600px;flex-wrap:wrap;gap:1rem}.comic-navigation,.comic-navigation a{height:100%;display:flex;justify-content:center;align-items:center}.comic-navigation a{width:200px;max-width:300px;font-size:var(--step-1);font-weight:500;color:#fff;text-decoration:none;border-radius:5rem;padding:1rem;background-color:var(--third-color);transition:background-color .2s ease-in-out}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:var(--fourth-color)}