body { font-family: helvetica, sans; background-image: url("pathway-t3-bg-lo.jpg"); background-repeat: repeat; }
h1 { color: white; font-size: 8vw; text-align: center; text-shadow: 0px 0px 32px black; }
h2 { color: white; font-size: 6vw; text-align: center; }
a { color: yellow; }
a:hover { color: darkblue; background-color: yellow; }
.notice { color: yellow; }
#h_panels,#v_panels,#intro-panels,#survey-panels,.panelset { position: relative; text-align: center; }
.panel { width: 40vh; font-size: 4vh; padding: 4vw; display: inline-block; margin: 2vh;
         color: turquoise; border-radius: 5vh; background-color: darkblue;
         min-width: 200pt; valign: top; text-align: center; vertical-align: middle; }
.panel img { width: 100%; }
.artwork { background-color: black; }
.feedback input[type=radio] { margin: 0; }
.feedback-text { width: 90%; height: 12vh; font-size: 0.7em; }
.tickled { border: solid lightgreen; }
.pagelink { display: inline-block; padding: 8pt 6pt; text-decoration: none; vertical-align: middle; background-color: blue; border-radius: 8pt; border: 1px solid lightblue; }
#zoomed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;
          background-color: rgba(20,20,20,0.85); text-align: center; padding: 20pt; display: none; }
#zoomed img { object-fit: contain; object-position: 50% 50%;  /* not working?! */
              width: 100%; max-width: 100%; max-height: 100%; }
#details { font-size: 0.8em; text-align: left; display: none; }