Improved a section in the homepage

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5501
+    "liveServer.settings.port": 5502
 }

css/clone.css

@@ -10,11 +10,15 @@
     height: 20vh;
     width: 100%;
     margin-bottom: 0;
+    z-index: 1;
+}
+.fix{
+    width: 100%;
 }
 
 #one::before {
     content: "";
-    height: 132vh;
+    height: 84vh;
     width: 100%;
     background: linear-gradient( 135deg, rgba(252, 207, 49, 0.5), rgba(245, 85, 85, 0.7) 100%), url("../assests/landing-page.jpg") no-repeat 0% 50%;
     position: absolute;
@@ -132,7 +136,12 @@ a:active {
         height: 80vh;
     }
 }
-
+.mh{
+    font-size: 1.5em;
+}
+.mh span{
+    color: rgb(154, 255, 2);
+}
 .mh {
     font-size: 1.1em;
 }
@@ -157,11 +166,8 @@ a:active {
 #one31 {
     font-size: 30px;
     text-align: center;
-    color: white;
-    padding-bottom: 3%;
-    margin-top: 1%;
+    color:white;
 }
-
 #one32 {
     font-size: 30px;
     text-align: center;
@@ -180,22 +186,29 @@ a:active {
     border: 3px solid rgb(92, 153, 0);
 }
 
-dl {
-    background-color: black;
-    color: white;
-    padding-bottom: 3%;
-    margin-top: 0%;
-    padding-left: 2%;
+#two{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    height: fit-content;
+    flex-wrap: wrap;
+    align-content: space-between;
+    z-index: -1;
 }
 
-dt {
-    font-size: 30px;
-    text-decoration: underline;
+#two .card{ 
+    width: 23rem;
+    margin: 1rem;
+    box-sizing: border-box;
 }
-
-dd {
-    font-size: 20px;
-    word-spacing: 2px;
+#two .card a{
+    color: rgb(78, 129, 0);
+    background-color: rgb(173,255,47);
+    border: none;
+    cursor: pointer;
+}
+#two .card a:hover{
+    background-color: rgb(155 247 13);
 }
 
 .abouta {