/*
STYLE
Date Created: ???
Last Update: 22/12/21
Description: Styling for Earthbound Visual Effects Webpage.
*/

.canvas {
  aspect-ratio: 1 / 1 !important;
  border: 3px solid var(--canvas_border_0);
}

.canvas_container {
  width: 50% !important;
  height: 256px;
  display: flex;
  align-items: center;
  justify-content: center;
}
  
.buttons {
  float: left;
  text-align: center;
  margin: 3px;
  margin-left: 62px;
  min-width: 120px;
  border: 2px solid #000;
  background-color: #cc0099;
}

.color {
  min-height: 30px;
  margin: 0px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #ffffff;
}

.secondary_header {
  padding-top: 1%;
  border-top: 2px solid black;
}