update css codes

styles.css

@@ -1,38 +1,44 @@
 .container {
-  background-color: rgb(236, 234, 233);
 
+  background-color: rgb(236, 234, 233);
   /* width: 100%;*/
   height: 100%;
   margin: 30px 10px;
   border-radius: 10px;
 }
 
 .container h2 {
+
   text-align: center;
   padding: 30px;
   font-size: 40px;
 }
 
 .container p {
+
   text-align: center;
 }
 
 #img-div {
+
   background-color: white;
   height: auto;
   margin: 15px;
   max-width: 100%;
 }
 
 img{
+
   display: block;
 }
 
 #img-div img {
+
   transform: translate(70px, 30px);
 }
 
 #img-div p {
+
   margin-top: 40px;
 }
 
@@ -42,9 +48,11 @@ img{
   max-width: 100%;
   display: block;
   background-color: reed;
-}.container {
-  background-color: rgb(236, 234, 233);
+}
+
+.container {
 
+  background-color: rgb(236, 234, 233);
   /* width: 100%;*/
   height: 100%;
   margin: 30px 10px;
@@ -62,21 +70,25 @@ img{
 }
 
 #img-div {
+
   background-color: white;
   height: auto;
   margin: 15px;
   max-width: 100%;
 }
 
-img{
+img {
+
   display: block;
 }
 
 #img-div img {
+
   transform: translate(70px, 30px);
 }
 
 #img-div p {
+
   margin-top: 40px;
 }
 
@@ -95,58 +107,69 @@ img{
 }
 
 .contain h3 {
+
   text-align: center;
   padding: 20px;
   font-family: sans-serif;
 }
 
 .listItem {
+
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .listItem li {
+
   padding: 5px 0;
 }
 
 .listItem p {
+
   margin-top: 40px;
 }
 
 .contain .mainList {
+
   margin-left: 290px;
   margin-top: 20px;
 }
 
 
 * {
+
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 
 .contain h3 {
+
   text-align: center;
   padding: 20px;
   font-family: sans-serif;
 }
 
 .listItem {
+
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .listItem li {
+
   padding: 5px 0;
 }
 
 .listItem p {
+
   margin-top: 40px;
 }
 
 .contain .mainList {
+
   margin-left: 290px;
   margin-top: 20px;
 }