/* (C) 2021 White Matrix. All rights reserved. */

body {
  font-family: sans-serif;
  margin: 0;
}

#section1 {
  text-align: center;
  background-color: #f4f4f4;
  padding: 5vh 3vw;
}

#mainHeading {
  margin: 0 0 0.35em 0;
  font-size: xxx-large; 
}

#headingTagline {
  font-size: x-large;
}

#headingContainer {
  margin-bottom: 3vw;
}

#iframeContainer {
  background-color: #bbecff;
  height: 50vh;
  border-radius: 0.3rem;
  
}

#iframeContainer > iframe {
  all: unset;
  width: 100%;
  height: 50vh;
  border-radius: 0.3rem;
  background-color: #ffffff;
}

#section2 {
  padding: 5vh 3vw;
}

#section2Header {
  font-size: x-large;
  margin: 0 0 0.75em 0;
}

#demoSubmissionForm > fieldset {
  margin: 1em 0; 
}

#demoSubmissionForm > fieldset > legend {
  font-weight: 600;
}

#formPublishButton {
  all: unset;
  padding: 0.25em;
  background-color: #eeeeee;
  border-radius: 0.15rem;
  border: 1px solid #000000;
  cursor: pointer;
}

#formPublishButton:hover, #formPublishButton:focus {
  background-color: #ffffff;
}

#formPublishButton:disabled {
  background-color: #5e5e5e;
  color: #ffffff;
}

#confirmationContainer {
  margin-top: 0.5em;
}

.formImageElements {
  max-width: 80%;
}

#section4 {
  padding: 3vh 4vw;
  background-color: #f0f0f0;
}

#sourcecodeLink, #sourcecodeLink:visited {
  color: #000000;
}

#sourcecodeLink:hover, #sourcecodeLink:focus {
  color: #0028ff;
}