body {
    display : grid;
    justify-content: center;
    justify-items : center;
  }
  .container {
    width : 500px;
    height : 500px;
    border : 4px solid  gray;
    display : grid;
  }

  button.red,
  button.green,
  button.blue,
  button.yellow,
  button.black
  {
    width : 30px;
    height : 30px;
    margin-top: 10px;
    border : none;
    
  }
  .red{
    background-color: red;
  }
  .green {
background-color: green;
  }
  .blue {
    background-color: blue;
  }
  .yellow{
    background-color: rgb(246, 177, 17);
  }
  .black{
    background-color: rgb(54, 54, 54);
  }
  .erase,
  .reset{
    margin-top: 10px;
    border : 3px solid rgb(255, 177, 177);
    padding: 10px;

  }
  .button-container-two{
    display: flex;
    gap : 10px;
    margin-bottom : 10px;
    justify-content: center;
  }
  .random {
    background: linear-gradient( to bottom right, rgba(248, 45, 45,0.8), rgb(255, 255, 58,0.8), rgb(24, 183, 24,0.8), rgb(67, 67, 255,0.8));
    color : white;
    border : none;
    height : 30px;
    width: 30px;
  }

  input {
    margin: 30px 10px;
  }
  .splash-screen {
    position : absolute;
    z-index : 1000;
    border-radius: 20px 12% / 42% 20px;
    background-color: rgba(72, 228, 184, 0.9);
    color : white;
    padding : 40px;
    width : 80%;
    height : 86%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .splash-screen>h2{
    font-size: 60px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 300;
  }
  h3 {
    font-family :Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 200;
  }
  button:hover{
    border : 3px solid rgb(113, 113, 113)
  }
  .image-show {
    padding : 20px;
  }
  canvas {
    width : 100px;
    height : 100px;
  }
  .hidden {
    display : none;
  }
  .download-image,.show-image {
    background-color: red;
    border: none;
    padding : 10px;
    color : white;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 5px;
  }