diff --git a/assets/styles/main.css b/assets/styles/main.css
index 23a0e84..9d4d4a7 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -9,6 +9,8 @@ body {
     color: #000000;
 }
 
+/* HEADER */
+
 .page-header {
     display: flex;
     justify-content: center;
@@ -20,11 +22,15 @@ body {
     display: block;
 }
 
+/* MAIN : MAIN BANNER - MIDDLE BANNER */
+
 .main-banner, .middle-banner {
     display: block;
     width: 100%;
 }
 
+/* MAIN TOP INFOCARD */
+
 .top-infocard {
     display: flex;
     align-items: center;
@@ -55,6 +61,8 @@ body {
     font-size: 16px;
 }
 
+/* MAIN TOP CARDS */
+
 .top-cards {
     display: grid;
     grid-template-columns: repeat(3, 33%);
@@ -85,6 +93,8 @@ body {
     font-size: 16px;
 }
 
+/* MAIN BOTTON CARDS */
+
 .bottom-cards {
     margin-top: 142px;
     padding-bottom: 66px;
@@ -123,6 +133,8 @@ body {
     font-size: 16px;
 }
 
+/* MAIN BOTTOM INFOCARD */
+
 .bottom-infocard {
     display: flex;
     align-items: center;
@@ -147,6 +159,8 @@ body {
     font-size: 16px;
 }
 
+/* FOOTER */
+
 .page-footer {
     display: flex;
     flex-direction: column;
@@ -169,6 +183,8 @@ body {
     color: #BDBDBD;
 }
 
+/* MEDIA QUERY */
+
 @media screen and (max-width: 340px) {
     .top-card {
         padding: 22px 0 20px;