*{box-sizing:border-box}body{margin:0}.App{box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.App .container{background-color:#fdfdfd;margin:0;z-index:0}h1,h2,h3{font-family:Castellar,Times New Roman,serif}h1,h2,h3,h4{text-transform:uppercase}header{background-size:cover;border:5px double #fff;color:#f5f5f5;padding-left:10px;padding-right:10px;text-align:center}.gridContainer{max-height:70vw;overflow-y:scroll;padding-bottom:15px}.grid{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:minmax(100px);grid-template-columns:repeat(3,100px);margin-left:auto;margin-right:auto;width:-webkit-min-content;width:min-content}.portrait{box-shadow:0 5px 10px;height:100px;overflow:hidden;padding:0;position:relative}.tint{background-color:#000;height:100px;opacity:.5;position:absolute;transition:opacity .5s;width:100px}.portrait-content img{height:100px;opacity:1;width:100px}.tint:hover{opacity:0}main{background-color:#fdfdfd;text-align:center}#info,main{padding:10px}#info{color:#000;height:45%}.toggleContainer{margin-bottom:20px;position:relative}#recapNav{display:none}#recapToggle{background-size:cover;border:5px double #fff;color:#fff;padding:0 10px;position:absolute;right:0;text-align:right;top:0;width:40%}#recap{word-wrap:break-word;background-color:none;border:none;bottom:0;left:0;overflow:scroll;position:fixed;right:0;top:0;z-index:4}.recap-enter{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}.recap-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s}.recap-exit{opacity:1}.recap-exit-active{opacity:0;transition:opacity .4s}#closeRecap{display:inline}aside *{margin:0}.infoPortrait{display:block;margin:10px auto 0}#infoAppearances{margin-top:15px}footer{margin-top:10px;padding:10px;text-align:center}button{background-size:cover;border:5px double #fff;color:#fff;display:block;font-family:inherit;height:auto;margin:10px auto;width:50%}#recap p{text-align:left}#recap .stinger{padding-left:15px;padding-right:15px;text-align:justify;text-indent:0}footer a{text-decoration:underline}.portraitAnim-enter{opacity:0}.portraitAnim-enter-active{opacity:1;transition:opacity .4s}#recap header{position:-webkit-sticky;position:sticky;top:0}.recapHeader{scroll-margin-top:120px}.sandwich{border:5px double #fff;border-bottom:none;border-top:none}.sandwichEnd{border:5px double #fff;border-top:none;bottom:0;position:-webkit-sticky;position:sticky}#next{float:right;width:20%}#prev{float:left;width:20%}#closeInfo :after{content:"CLOSE"}.gradia #recapNav,.gradia #recapToggle,.gradia button,.gradia header{background:url(/static/media/3859499_citrus.290335949d887d9ca5c8.jpg),#ca4a00;background-size:cover}.gradia .portrait{border:3px ridge #ff6e6e}.bsbs #recapNav,.bsbs #recapToggle,.bsbs button,.bsbs header{background:url(/static/media/3859499_darkblue.b91b787914a30dadf8be.jpg),#181775;background-size:cover}.bsbs .portrait{border:3px ridge #33328b}@media (min-width:950px){.App.bsbs{background-image:url(/static/media/1974.387_Hampstead_Stormy_Sky.81b0fe4991e2158bcd33.jpg)}.App.bsbs,.App.gradia{background-attachment:fixed;background-position:50%;background-size:cover}.App.gradia{background-image:url(/static/media/orysca-map.f15231b22209c883f3f1.png)}.bsbs #info{background:url(/static/media/3859499_darkblue.b91b787914a30dadf8be.jpg),#181775;background-size:cover}.gradia #info{background:url(/static/media/3859499_citrus.290335949d887d9ca5c8.jpg),#ca4a00;background-size:cover}}@media screen and (max-width:1105px){.grid{grid-template-columns:repeat(3,125px)}}@media screen and (min-width:1105px){.grid{grid-auto-rows:minmax(125px);grid-template-columns:repeat(4,125px)}}@media screen and (max-width:950px){.grid{grid-auto-rows:minmax(100px);grid-template-columns:repeat(3,100px)}}@media screen and (min-width:950px){.App .container{background-color:transparent;margin-left:auto;margin-right:auto;position:relative;width:50%}main h1{margin-top:0;padding-top:20px}main{border-bottom:5px double #fff;border-left:5px double #fff;border-right:5px double #fff;margin:0;max-height:100%}#recap,aside,header,main{box-shadow:0 5px 8px #000}.container{padding-bottom:10px;padding-top:10px}footer{background-color:rgba(0,0,0,.5);border:none}footer,footer a{color:#fff}#info,#recapNav{background-size:cover;border:5px double #fff;color:#fff;height:-webkit-max-content;height:max-content;position:fixed;width:20%}#info{height:unset;left:10px;max-height:90%;overflow-y:scroll;top:10px}#recapNav{display:unset;padding:10px;right:10px;top:10px}#recapNav ul{list-style:none}#recapNav a{color:#fff;text-decoration:none}.infoPortrait{max-height:100%;max-width:100%}.gridContainer{max-height:100%;overflow:visible}.portrait{height:125px}.tint{position:absolute}.portrait-content img,.tint{height:125px;width:125px}.toggleContainer{margin-bottom:0}#recapToggle{right:-120px;z-index:-1}#recap{background-color:none;border:none;bottom:10px;height:auto;left:auto;overflow-x:hidden;overflow-y:scroll;padding:0;position:fixed;right:auto;top:10px;width:50%}#closeInfo{left:calc(20% + 15px);position:fixed;top:0;width:auto}#closeInfo :after{content:"x"}#closeInfo h2{margin:0}}
/*# sourceMappingURL=main.6fb46422.css.map*/