:root{--bg-color:#fff;--trek-main:#e14826;--bg-darken:rgba(0,0,0,0.63);--bg-darken-century:rgba(0,0,0,0.43);--nav-height:74px}*,:root{font-family:Hind,sans-serif}:focus{outline:0}#root,body,html{height:100%;height:calc(var(--vh, 1vh)*100)}button{border:0;font-size:18px;background-color:var(--bg-color)}.container{height:100%;overflow:auto;display:flex;flex-wrap:nowrap;scroll-snap-type:x mandatory}nav{height:var(--nav-height);justify-content:center;align-items:center;position:absolute;top:0}nav,nav ul{width:100vw;display:flex}nav ul{height:34px;max-width:360px}nav li,nav ul{justify-content:space-evenly}nav li{display:flex;flex-direction:row}nav button{padding:2.5px 10px;border-radius:16px;background-color:transparent;color:#fff}nav button.selected{background-color:var(--trek-main);color:#000}.building{height:100%;max-width:100vw;padding-top:var(--nav-height);display:flex;flex-direction:column;align-items:center;scroll-snap-align:center}.building.century{background:linear-gradient(var(--bg-darken-century),var(--bg-darken-century)),url(/centuryBuilding.6cb195ea.jpg) bottom no-repeat,#415e83;background-size:cover}.building.eighthAndPenn{background:linear-gradient(var(--bg-darken-century),var(--bg-darken-century)),url(/trek.e6d77dca.jpg) bottom no-repeat,#415e83;background-size:cover}.elevator{width:100vw;display:flex;flex-direction:column}.elevator,.elevator ol{height:100%;align-items:center}.elevator ol{width:280px;display:grid;grid-template-columns:1fr 1fr;justify-items:center;direction:rtl}.elevator button{--dimension:6.25vh;--dimension:calc(var(--vh, 1vh)*100/16);width:var(--dimension);height:var(--dimension);border-radius:50%;background-color:#b9b9b9;box-shadow:5px 3px 10px -1px #000,inset 5px 3px 3px -6px #fff;font-size:20px;display:flex;justify-content:center;align-items:center}.elevator button.completed{background-color:var(--trek-main)}.elevator button.square{--dimension:5.55556vh;--dimension:calc(var(--vh, 1vh)*100/18);width:var(--dimension);height:var(--dimension);border-radius:0;background-color:#cdcfd0;box-shadow:inset 0 0 2px 1px #fff,0 0 0 1px #fff}.elevator button.square.completed{background-color:var(--trek-main);box-shadow:0 0 0 1px #fff}footer{padding-top:18px;width:100%;opacity:.6;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.footerText{color:#fff;font-size:90px;text-align:center;line-height:60px;margin-bottom:15px;max-width:320px;overflow:hidden;padding-top:15px;margin-top:-15px}.footerText.eighthAndPenn{opacity:.55}.footerText.century{opacity:.45}.bottomBar{height:10px;z-index:-1;width:100%;background-color:var(--trek-main)}