*{box-sizing:border-box;margin:0;padding:0;font-size:62.5%}@font-face{font-family:custom;src:url(/assets/PERRYGOT-CtShtshT.TTF)}body{letter-spacing:.5rem;background-image:url(/assets/bgt-CIlu_25k.png);background-repeat:no-repeat;background-size:cover;align-items:center;height:100vh;font-family:custom;display:flex}h1{font-size:3.6rem}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.6rem}p{font-size:1.4rem;font-weight:700}main{box-sizing:border-box;align-items:center;width:100%;min-height:100vh;padding:3rem 5%;display:flex}.scrollContent{box-sizing:border-box;background-image:url(/assets/scroll-U6aGaMAI.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:2rem;flex-direction:column;gap:2rem;width:50vw;min-width:450px;max-width:750px;padding:3rem;display:flex}.scrollHeader{border-bottom:.1rem solid #000;flex-direction:column;gap:.5rem;padding-bottom:1.5rem;display:flex}.scrollHeader h1{font-size:4rem}.scrollHeader h2{font-size:2.8rem}.scrollMain{align-items:stretch;gap:2rem;display:flex}.scrollAbility{flex-direction:column;flex-shrink:0;width:45%;display:flex}.abilityContainer{text-align:center;border-bottom:.1rem solid #000;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem .5rem;display:flex}.abilityStat{text-align:center;flex:1;min-width:0}.abilityStat h3{font-size:1.6rem}.abilityStat h4{font-size:2rem}.abilityModifier{border:.1rem solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.8rem;height:3.8rem;display:flex}.abilityModifier h4{font-size:1.8rem}.scrollStats{background-color:#cfab80;border-radius:1rem;flex-direction:column;flex:1;gap:1.5rem;min-width:0;padding:1rem;display:flex}.scrollStat{border-bottom:.1rem solid #0006;padding-bottom:.8rem}.scrollStats h3{overflow-wrap:anywhere;font-size:1.8rem}.scrollStats p{overflow-wrap:anywhere;margin-top:.6rem;font-size:1.5rem}button{cursor:pointer;background-color:#edb761;border:.1rem solid #8a602c;border-radius:1.2rem;align-self:flex-start;padding:1rem 2rem;font-family:custom,Courier New,monospace;font-size:2rem}button:hover{background-color:#dc9f42}@media (width<=900px){.scrollContent{width:100%;min-width:0;padding:2rem}.scrollMain{gap:1rem}.scrollAbility{width:45%}}@media (width<=500px){main{padding:1rem}.scrollContent{gap:1rem;padding:1.5rem 1rem}.scrollMain{gap:.5rem}.scrollAbility{width:45%}.abilityContainer{padding:.5rem .2rem}.abilityStat h3{font-size:1.2rem}.abilityStat h4,.abilityModifier h4{font-size:1.5rem}.abilityModifier{width:2.8rem;height:2.8rem}.scrollStats{gap:1rem;padding:.5rem}.scrollStats h3{font-size:1.4rem}.scrollStats p{font-size:1.2rem}}