style-virtual-group-sitting.css

html {
   height: 100%;
}

body {
   background-color: black;
   background-image: url('/filebase/virtual-group-sittings/backgrounds/1.png');
   height: calc(100% - 2em);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   color: white;
   font-size: 16px;
}

h1 {
   margin-top: 20px;
}

a:link, a:visited {
   color: white;
}

a:hover {
   color: lightgrey;
}

#intro-text {
   display: block;
   text-align: left;
   min-width: 400px;
   background: rgba(20,20,20,0.65);
   padding: 10px 30px 20px 30px;
   border-radius: 50px;
   width: 100%;
   box-sizing: border-box;
}

#control-choosers {
   margin: auto;
   text-align: center;
   margin-top: 10px;
}

#session-chooser {
   min-width: 150px;
}

#session-chooser, #background-chooser {
   margin-right: 15px;
   margin-top: 0px;
   padding-top: 0px;
}

#audio-controls {
   position: fixed;
   bottom: 0%;
   left: 0%;
   width: 100%;
   background-color: rgba(70,70,70,0.6);
   padding: 15px 0px;
   margin: 0px;
   margin: 0px;
}

audio {
   display: none;
   width: 80%;
   min-width: 250px;
   margin: auto;
}

#audio-one {
   display: block;
}