update

vuvnguyen95 · Feb 12, 2024 · fd6d9d7 · fd6d9d7
1 parent 8721a94
commit fd6d9d7
Showing 1 changed file with 51 additions and 51 deletions.
diff --git a/styles.css b/styles.css
@@ -5,21 +5,21 @@
   box-sizing: border-box;
 }
 .horizontal-scroll-container {
-    scroll-snap-type: x mandatory;
-    overflow-x: scroll;
-    display: flex;
-    flex-wrap: nowrap;
-    width: 100vw; /* Adjust if needed */
-    height: 100vh; /* Adjust if needed */
-  }
-  
+  scroll-snap-type: x mandatory;
+  overflow-x: scroll;
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100vw; /* Adjust if needed */
+  height: 100vh; /* Adjust if needed */
+}
+
 body,
 html {
   height: 100%;
   font-family: "Arial", sans-serif;
   line-height: 1.6;
   color: #333;
-    background-color: #000000;
+  background-color: #000000;
   margin: 0px;
   padding: 0px;
   min-width: 100%;
@@ -40,14 +40,14 @@ header {
 }
 
 .heading {
-    position: fixed;
-    width: 100%;
-    top: 0;
-    background-color: #000000;
-    z-index: 1000;
-    border-bottom: 2px solid #f4f4f4;
-    padding: 10px 20px;
-  }
+  position: fixed;
+  width: 100%;
+  top: 0;
+  background-color: #000000;
+  z-index: 1000;
+  border-bottom: 2px solid #f4f4f4;
+  padding: 20px;
+}
 #logo {
   display: flex;
   align-items: center;
@@ -103,7 +103,7 @@ img {
 
 .intro-flex {
   display: flex;
-  align-items: center; 
+  align-items: center;
   justify-content: space-between;
   margin-top: 100px;
   height: 90%;
@@ -128,8 +128,8 @@ img {
 
 .intro-text h1 {
   font-size: 2em;
-    color: #bebebe;
-    letter-spacing: 2px;
+  color: #bebebe;
+  letter-spacing: 2px;
 }
 .intro-text p {
   font-size: 1.2em;
@@ -148,9 +148,9 @@ img {
 }
 
 .intro-img img {
-  width: 90%; 
+  width: 90%;
   height: auto;
-  border-radius: 5px; 
+  border-radius: 5px;
   box-shadow: #b5b5b5 5px 5px 20px;
 }
 
@@ -215,9 +215,9 @@ img {
   width: 300px;
   height: auto;
 }
-.next-button:hover{
-    transform: translateX(5px);
-  }
+.next-button:hover {
+  transform: translateX(5px);
+}
 .next-button-polygon {
   position: absolute;
   width: 250px;
@@ -256,18 +256,18 @@ img {
   letter-spacing: 2px;
 }
 
-.skills-text1 h2{
-    font-size: 2em;
-    color: #cfcfcf;
-    padding: 10px;
-    letter-spacing: 2px; 
+.skills-text1 h2 {
+  font-size: 2em;
+  color: #cfcfcf;
+  padding: 10px;
+  letter-spacing: 2px;
 }
 
-.skills-text2 h2{
-    font-size: 2em;
-    color: #cfcfcf;
-    padding: 10px;
-    letter-spacing: 2px; 
+.skills-text2 h2 {
+  font-size: 2em;
+  color: #cfcfcf;
+  padding: 10px;
+  letter-spacing: 2px;
 }
 .skills-text1 p {
   font-size: 1.2em;
@@ -453,19 +453,19 @@ footer {
     to right,
     rgb(0, 95, 248),
     rgba(0, 95, 248, 0.5),
-    rgb(255, 255, 255,0)
+    rgb(255, 255, 255, 0)
   );
   width: 50%;
 }
 .project-detail-default-text h3 {
-    color: #ffffff;
-    letter-spacing: 2px;
-    word-spacing: 2px;
-  }
+  color: #ffffff;
+  letter-spacing: 2px;
+  word-spacing: 2px;
+}
 
-  .project-detail-default-text p {
-    color: #ffffff;
-  }
+.project-detail-default-text p {
+  color: #ffffff;
+}
 
 .project-detail {
   display: none;
@@ -500,19 +500,19 @@ footer {
     to right,
     rgb(0, 95, 248),
     rgba(0, 95, 248, 0.5),
-    rgb(255, 255, 255,0)
+    rgb(255, 255, 255, 0)
   );
   width: 50%;
 }
 .project-detail-text h3 {
-    color: #ffffff;
-    letter-spacing: 2px;
-    word-spacing: 2px;
-  }
+  color: #ffffff;
+  letter-spacing: 2px;
+  word-spacing: 2px;
+}
 
-  .project-detail-text p {
-    color: #ffffff;
-  }
+.project-detail-text p {
+  color: #ffffff;
+}
 
 .project-detail.active {
   display: block;