/*! Copyright (c) 2024 by Alexander Wait. All rights reserved. */

 
#save {opacity: 0.25;}

#record {height: 15vh;}

#save[download] {opacity: 1;}

#save, #save img {height: 10vh;}


body 
{
  font: 14pt Arial, sans-serif; 

  background: white;

  display: flex;

  flex-direction: column;

  height: 90vh;

  width: 90%;
}


canvas
{ 
  display: inline-block; 

  background: white; 

  width: 95%;

  height: 45%;

  box-shadow: 0px 0px 10px blue;
}


#controls
{
  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-around;

  height: 20%;

  width: 100%;
}


#viz
{
  height: 80%;

  width: 100%;

  display: flex;
		
  flex-direction: column;

  justify-content: space-around;

  align-items: center;
}


#record.recording 
{ 
  background: red;

  background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%); 

  background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%); 

  background: radial-gradient(center, ellipse cover, #ff0000 0%,lightgrey 75%,lightgrey 100%,#7db9e8 100%); 
}