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


input
{
  width: 50px;
}


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: 0 0 10px blue;
}


#save 
{
  opacity: 1;
}


#record
{
  height: 15vh;
}


#save
{
  height: 10vh;
}


#save img
{
  height: 10vh;
}


#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: radial-gradient(circle, red 0%, white 100%); 
}