/*
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_snackbar
*/

#snackbar {
  visibility: hidden;
  opacity: 0.9;

  position: fixed;
  height: 30vh;
  bottom: 30vh;
  width: 25vw;
  right: 25vw;
/*
  min-width: 250px;
  margin-left: -125px;
  border-radius: 2px;
  font-size: 17px;
  font-size: 4vw;
*/
  padding: 2em;
  text-align: left;
  background-color: #333;
  color: #fff;
  border: 1vw solid green;
}

#snackbar.show {
  visibility: visible;
}