Create rounded corners for html tables using CSS

In this project, you will create 3 classes in CSS that allows the three tables specified in the attached [login to view URL] file to have curved corners.? One table will be modified to have a plain color #c7c7c7 border with curved corners.? The second will allow the words Personal Data to be embedded in the top of a table, and the third table will allow a table to be created with a red border around it with curved corners.? ? The attached images [login to view URL] and [login to view URL] show what the html file looks like before you add CSS.? The [login to view URL] shows what I want the HTML file to display like after you add the CSS.? You must use CSS for this and not javascript.? ? It must be compatible for all browsers.? ? In your final deliverable to me, I expect the [login to view URL] file to change only by class= name.? Therefore, most of the code that you will add should be in the [login to view URL] file provided.? ? My purpose in making this project is to allow the simple creation of curved boxes throughout my website. Images? CAN be used in the CSS to accomplish this task.? If you use images, please make the second table generic enough where the words Personal Data can by dynamic.? That is, I do not want an image in the CSS with the words Personal Data in the image.? You must specify in your response how long it will take you to complete this project.? This is a simple project and I will hire the person with the most aggressive timeline.? ? I need this done right away and it has to be done within a day.