body {
           font-family: Arial, Helvetica, sans-serif;
       }

       * {
           box-sizing: border-box;
       }

       /* Set a style for all buttons */
       button {
           background-color: #04AA6D;
           color: white;
           padding: 14px 20px;
           margin: 8px;
           border: none;
           cursor: pointer;
           width: 200px;
           opacity: 0.9;
       }

       button:hover {
           opacity: 1;
       }

       /* Add a color to the cancel button */
       .donebutton {
           background-color: #ccc;
           color: black;
       }

       .dialog-panel {
           width: 50%;
           padding: 20px;
           margin: 20px auto;
           border: 2px solid black;
           box-shadow: 5px 5px 5px;
           text-align: center;
       }

       /* Change styles for cancel button and delete button on extra small screens */
       @media screen and (max-width: 480px) {
           .dialog-panel {
               width: 100%;
               margin: 0;
               border-width: 0;
               box-shadow: none;
           }
       }