body {
  background-color: black;
  padding: 0;
}

#mainimagemap { height: 100%;
  width: 100%;
  padding: 0; border: 0; margin: 0;
  object-fit: contain;

}

#mainimage { position: absolute; top:0; left:0;
  height: 100%;
  width: 100%;
  padding: 0; border: 0; margin: 0;
  object-fit: contain;
}

.topicon {
  position: fixed; top:0; left:0;
  padding: 0; border: 0; margin: 0;
}

#topheader { position: fixed; top:0; left:0;
  background-color: rgba(110,57,117,0.50);
   height: 80px;
width: 100%;

}

div .vimeo {
  padding:56.25% 0 0 0;
  position:relative;
}

iframe .vimeo {
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:50%;
}

aside.topleft {
position: absolute;
left: 5%;
top: 5%;
}
aside.hd {
position: fixed;
left: 15%;
top: 15%;
}

body { margin: 0; border: 0; padding: 0; font-family: 'Fira Sans', sans-serif; font-size: medium; color: #ffa; }
h1 { margin: 0; padding: 0; font-size: 200%; color:white; }
p.subtitle { margin: 0; padding: 0 0 0 0.125em; font-size: 100%; color: #ffa; }

ul#messages { overflow: auto; height: 15em; margin: 1em 0; padding: 0 3px; list-style: none; border: 0px solid gray; }
ul#messages li { margin: 0.35em 0; padding: 0; color: white; }
ul#messages li small { display: block; font-size: 0.59em; color: #fda; }
ul#messages li.pending { color: #aaa; }

form { font-size: 1em; margin: 1em 0; padding: 0; }
form p { position: relative; margin: 0.5em 0; padding: 0; }
form p input { font-size: 1em; }
form p input#name { width: 10em; }
form p button { position: absolute; top: 0; right: -0.5em; }

ul#messages, form p, input#content { width: 40em; }

pre { font-size: 0.77em; }