style.css

body{
     text-align: center;
     background-color: pink;
     scroll-behavior: smooth;
}
h1{
    text-decoration: underline;
}

/* on div box add styling */
.btn{
 height: 150px;
 width: 150px;
 border-radius: 15%;
 border: 7px solid black;
 margin: 1.9rem;
}
.btn-container{
  display: flex;
  justify-content: center;
}

.red{
 background-color:#d95980;
}
.yellow{
background-color: #f99b45;
}
.green{
    background-color:#00800059
}
.purple{
    background-color: #809ff9;
}
.flash{
    background-color: white;
}
.userflash{
    background-color: green;
}


/* Spacebar */
.virtual-key {
    width: 324px;
    background-color: white;
    height: 50px;
    text-align: center;
    border-radius: 15px;
    font-size: 30px;
    font-family: cursive;
    border: 2px solid black;
    cursor: pointer;
    box-shadow: 5px 5px 4px rgb(255, 255, 255);
  }
  
  .virtual-key.clicked {
    background-color: black;
  }


  /* spacebar */

  .spacebar {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  
  .credits {
    font-family: cursive;
    font-size: 20px;
    margin-top: 4px;
  }