#about{text-align:center;font-size:1.4rem;background-color:#1effbf73;margin:3rem 1rem 4rem;padding:2rem 6rem;line-height:2.5rem;animation:flashback 1s infinite}#about section{margin-bottom:3rem}#about h1.title{font-size:3rem;font-style:italic;margin:2rem 0 1.75rem;white-space:nowrap}#about section>h2{margin:0 0 .3rem}#about p,#about dl,#about dd{margin:0}#about dl.date{display:flex;justify-content:center;gap:3rem;margin:0 0 1.25rem;line-height:2rem}#about dl.date div.date-cast{font-size:1rem;line-height:1rem;margin-bottom:10px}#about dl.place{line-height:2rem}#about dl.place dd{font-size:1.1rem;margin:.25rem 0 .8rem;line-height:1.3rem}#about dl.place dd a,#about dl.place dd a:visited{color:#fff}#about section.chara{margin:4rem 0 0;text-align:left;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:5px;justify-items:center}#about img{aspect-ratio:1 / 1;width:90%;max-width:20rem;text-align:center}#about ruby.name,#about span.name{font-size:2rem;border-bottom:solid}@media (max-width: 768px){#about{font-size:1.1rem;padding:1rem 1.5rem;line-height:2rem;letter-spacing:0}#about h1.title{font-size:2.3rem}#about dl.date{gap:.5rem}#about dl.date div.date-cast{font-size:.75rem;line-height:.1rem;margin-bottom:10px}#about dl.place dd{font-size:.8rem}#about ruby.name,#about span.name{font-size:1.7rem}#about section.chara{line-height:1.5rem}}
