html,body{display:block;min-height:100%;height:100%;margin:0;padding:0;border:none;font-family:Segoe UI,Tahoma,Arial,Helvetica,sans-serif;font-size:14px;color:#000;background-color:#f3e891;box-sizing:border-box}*{box-sizing:border-box}body{height:100%;display:grid;grid-template-rows:30px 70px 1fr 30px;place-items:stretch}.banner{background-color:#000;color:#b3922e;text-align:center;font-size:18px;line-height:30px}header{background-color:#b91f28;color:#fff}main{height:100%;width:100%;overflow-y:auto}footer{background-color:#b91f28;color:#fff;text-align:center;font-size:14px;line-height:30px}.header-content{margin:0 auto;display:grid;grid-template-columns:1fr 600px 1fr;align-items:center;height:100%;max-width:1000px;min-width:300px}.header-content .header-menu{justify-self:center}.header-content .header-menu img{cursor:pointer;vertical-align:bottom}.main{max-width:1000px!important;min-width:300px!important;margin:0 auto!important}@media screen and (min-width:901px){.header-menu-hb{display:none}nav a{display:block;float:left;color:#fff;text-decoration:none;text-align:center;padding:15px;font-size:20px;font-weight:bolder}nav a:hover:not(.active){color:#b3922e}nav a.active{text-decoration-line:underline;text-underline-offset:10px}}@media screen and (max-width:900px){.header-content{grid-template-columns:1fr 100px 1fr}nav{display:block;position:absolute;inset:100px 0 30px;width:100%;background-color:#b91f28;z-index:10}nav a,nav div{display:block;color:#fff;text-decoration:none;text-align:center;padding:10px;font-size:30px;font-weight:bolder;cursor:pointer;user-select:none}nav a:hover:not(.active){background-color:#fc7d8b}nav a.active{color:#b3922e}.header-menu-nav-hide{display:none!important}}.hidden{display:none!important}hr{margin:5px 0}.character{padding:5px 10px;display:grid;grid-template-columns:135px auto;grid-gap:20px}.character .photo{height:150px}.character .role{font-weight:700;font-size:20px}.character .actor{font-style:italic;font-size:20px}.character .description{color:#222;font-size:16px;padding-top:7px}