body{
    text-align: center;
 }
.btn{
    height: 200px;
    width: 200px;
    border-radius: 20%;
    border: 10px solid black;
    margin: 2.5rem;
}

.btn-container{
    display: flex;
    justify-content: center;
}

.yellow{
    background-color: #f99b45;
}
 .red{
    background-color: #d95980;
 }
 .purple{
    background-color: #819ff9;
 }
 .green{
    background-color: #63aac0;
 }
 .flash{
    background-color: white;
 }
 .userflash {
   background-color: green;
 }

 @media (max-width: 600px) {
   body {
       text-align: center; /* Center text on mobile */
   }

   .btn {
       height: 150px; /* Smaller button height */
       width: 150px; /* Smaller button width */
       margin: 1rem; /* Reduce margin */
   }

   .btn-container {
       flex-direction: row; /* Stack buttons vertically */
   }