update css.

anchoraorg · Aug 7, 2024 · f048d6f · f048d6f
1 parent 967cc0b
commit f048d6f
Show file tree

Hide file tree

Showing 9 changed files with 245 additions and 82 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -60,7 +60,7 @@
   :root {
     --heading-font-size-xxl: 70px;
     --heading-font-size-xl: calc(32px + 48*((100vw - 1009px) / 431));
-    --heading-font-size-l: 38px;
+    --heading-font-size-l: 42px;
     --heading-font-size-m: 30px;
     --heading-font-size-s: 22px;
     --heading-font-size-xs: 18px;
@@ -71,7 +71,7 @@ body {
   font-size: var(--body-font-size-m);
   margin: 0;
   font-family: var(--body-font-family);
-  line-height: 1.6;
+  line-height: 1.4;
   color: var(--text-color);
   background-color: var(--background-color);
   display: none;
@@ -100,7 +100,7 @@ h6 {
   color: #E6FF00;
   font-family: var(--heading-font-family);
   font-weight: 600;
-  line-height: 1.25;
+  line-height: 1.2;
   margin-top: 0;
   margin-bottom: 16px;
   scroll-margin: calc(var(--nav-height) + 1em);
@@ -132,12 +132,12 @@ h2 {
 }
 h3 { font-size: var(--heading-font-size-l); }
 
-h4 { 
+h4 {
   color: #fff;
   text-transform: none;
   line-height: 1.2;
   font-weight: 700;
-  font-size: 30px;
+  font-size: 28px;
   margin-bottom: 20px;
 }
 h5 { font-size: var(--heading-font-size-s); }

diff --git a/styles/styles.header.css b/styles/styles.header.css
@@ -9,6 +9,7 @@ header {
   transition: all 0.3s ease;
   z-index: 1000;
   background-color: #ff5629;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 /* update size on mobile */

diff --git a/styles/styles.section.about.css b/styles/styles.section.about.css
@@ -1,9 +1,39 @@
 /* section about */
 
 main .section.about {
-    padding: 0;
-    padding-bottom: 40px;
-    background-color: #FF5629;
-  }
-
-
+  padding: 0;
+  padding-bottom: 40px;
+  background-color: #ff5629;
+  padding: 60px 0;
+  position: relative;
+}
+
+main .section.about .content-wrapper {
+  padding-right: 60px;
+  padding-left: 60px;
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 1440px;
+}
+
+main .section.about .columns-img-col {
+  max-width: 399.46px;
+  position: relative;
+}
+
+main .section.about .columns-2-cols div {
+  /* display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+   */
+}
+
+main .section.about .columns-2-cols div div:last-child {
+  padding-left: 8.5%;
+  -webkit-box-ordinal-group: 3;
+  -ms-flex-order: 2;
+  order: 2;
+}
diff --git a/styles/styles.section.common.css b/styles/styles.section.common.css
@@ -19,3 +19,10 @@
   }
 }
 
+p {
+  margin: 0;
+  padding: 0;
+  margin-bottom: 16px;
+  line-height: 1.6;
+  fonts: 18px;
+}
diff --git a/styles/styles.section.court.css b/styles/styles.section.court.css
@@ -1,37 +1,88 @@
-
 /* section court */
 main .section.court {
-    background-color: #E6FF00;
-    position: relative;
-    padding-top: 120px;
-    padding-bottom: 300px;
-    margin-top: -3px;
-  }
-
-  main .section.court h6 {
-    color: #000;
-  }
-
-  main .section.court h3 {
-    color: #FF5629;
-  }
-
-  main .section.court::after {
-    content: '';
-    position: absolute;
-    bottom: -2px;
-    left: 0;
-    z-index: 0;
-    width: 100%;
-    height: 25%;
-    background-color: #FF5629;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1NDBfMikiPjxtYXNrIGlkPSJhIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSItNzc0IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDYwIj48cGF0aCBkPSJNMTkyMC03NzRIMFYyODZoMTkyMFYtNzc0eiIgZmlsbD0iI0Q5RDlEOSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIiBmaWxsPSIjRTZGRjAwIj48cGF0aCBkPSJNLTEyNjYuMzktNTMzLjg3NGMtMTQzLjQgMzgxLjMwNSA0OS44MSA4MDYuNzc0IDQzMS41OTQgOTUwLjMwNCAyNTUuMjc0IDk1Ljk3IDUzMC4wNzcgNDEuNCA3MjcuMS0xMTkuMi4wNzMuMzEuMTcyLjQ5LjI2OC43Qy0zNDEuNS03MyA2MzMuOTAyLTE5MC45MjMgNjMzLjkwMi0xOTAuOTIzbDI3MC4zNjYtMTc5LjU5My0xNzEuOTQ1LTU0Ljg5MyA1NzQuOTg3LTM4MS45NDZMMjQ0LjEyMS03MDkuNzNsMTU3LjYzLTEwNC43MS04MTAuNzE0LTE3OC4zMTQuMDIzLjAzOWMtMzU1LjQxOC04Mi43MzUtNzI1LjY2IDEwOC40MTUtODU3LjQ1IDQ1OC44NDF6Ii8+PHBhdGggZD0iTS0xMjY2LjM5LTUzMy44NzRjLTE0My40IDM4MS4zMDUgNDkuODEgODA2Ljc3NCA0MzEuNTk0IDk1MC4zMDQgMjU1LjI3NCA5NS45NyA1MzAuMDc3IDQxLjQgNzI3LjEtMTE5LjIuMDczLjMxLjE3Mi40OS4yNjguN0MtMzQxLjUtNzMgNjMzLjkwMi0xOTAuOTIzIDYzMy45MDItMTkwLjkyM2wyNzAuMzY2LTE3OS41OTMtMTcxLjk0NS01NC44OTMgNTc0Ljk4Ny0zODEuOTQ2TDI0NC4xMjEtNzA5LjczbDE1Ny42My0xMDQuNzEtODEwLjcxNC0xNzguMzE0LjAyMy4wMzljLTM1NS40MTgtODIuNzM1LTcyNS42NiAxMDguNDE1LTg1Ny40NSA0NTguODQxeiIvPjxwYXRoIGQ9Ik0yNzAzLjIxLTM5NC4xOTFjODYuMi0zOTguMTUzLTE2Ny4wNC03OTAuODY5LTU2NS42OS04NzcuMTE5LTI2Ni41NS01Ny42OS01MzAuNDQgMzYuNDEtNzAxLjkxIDIyNC4wNi0uMTItLjMtLjI0LS40Ny0uMzctLjY1LjM3LjY1LTY2Mi4wMjkgNTkxLjgyMy02NjIuMDI5IDU5MS44MjNMNTMxLjk1Ny0yMzguOTQxbDE3OC4xMTcgMjkuMjA1TC03Ni45OTcgMTM2Ljc3IDEyMzQuNTUuMjc1bC0xNDAuNjYgMTI2LjU5OSA4MjguMDYtNjEuMTAzaDIxLjU1YzM2My42OSAyOS45NjcgNjgwLjQ5LTk0LjA1MiA3NTkuNzEtNDU5Ljk2MnoiLz48cGF0aCBkPSJNMC02NThoMTkyMFY2Ny41bC02NDItOTFMMCAxMDguNVYtNjU4eiIvPjwvZz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xNTQwXzIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTkyMHYxMjlIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-  }
-
-  main .section.court h2 {
-    color: #FF5629;
-  }
-
+  background-color: #e6ff00;
+  position: relative;
+  padding-top: 60px;
+  padding-bottom: 300px;
+  margin-top: -3px;
+}
+
+main .section.court .content-wrapper {
+  padding-right: 60px;
+  padding-left: 60px;
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 1440px;
+}
+
+main .section.court .columns-img-col {
+  max-width: 399.46px;
+  position: relative;
+}
+
+main .section.court::after {
+  content: "";
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  z-index: 0;
+  width: 100%;
+  height: 25%;
+  background-color: #ff5629;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1NDBfMikiPjxtYXNrIGlkPSJhIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSItNzc0IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDYwIj48cGF0aCBkPSJNMTkyMC03NzRIMFYyODZoMTkyMFYtNzc0eiIgZmlsbD0iI0Q5RDlEOSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIiBmaWxsPSIjRTZGRjAwIj48cGF0aCBkPSJNLTEyNjYuMzktNTMzLjg3NGMtMTQzLjQgMzgxLjMwNSA0OS44MSA4MDYuNzc0IDQzMS41OTQgOTUwLjMwNCAyNTUuMjc0IDk1Ljk3IDUzMC4wNzcgNDEuNCA3MjcuMS0xMTkuMi4wNzMuMzEuMTcyLjQ5LjI2OC43Qy0zNDEuNS03MyA2MzMuOTAyLTE5MC45MjMgNjMzLjkwMi0xOTAuOTIzbDI3MC4zNjYtMTc5LjU5My0xNzEuOTQ1LTU0Ljg5MyA1NzQuOTg3LTM4MS45NDZMMjQ0LjEyMS03MDkuNzNsMTU3LjYzLTEwNC43MS04MTAuNzE0LTE3OC4zMTQuMDIzLjAzOWMtMzU1LjQxOC04Mi43MzUtNzI1LjY2IDEwOC40MTUtODU3LjQ1IDQ1OC44NDF6Ii8+PHBhdGggZD0iTS0xMjY2LjM5LTUzMy44NzRjLTE0My40IDM4MS4zMDUgNDkuODEgODA2Ljc3NCA0MzEuNTk0IDk1MC4zMDQgMjU1LjI3NCA5NS45NyA1MzAuMDc3IDQxLjQgNzI3LjEtMTE5LjIuMDczLjMxLjE3Mi40OS4yNjguN0MtMzQxLjUtNzMgNjMzLjkwMi0xOTAuOTIzIDYzMy45MDItMTkwLjkyM2wyNzAuMzY2LTE3OS41OTMtMTcxLjk0NS01NC44OTMgNTc0Ljk4Ny0zODEuOTQ2TDI0NC4xMjEtNzA5LjczbDE1Ny42My0xMDQuNzEtODEwLjcxNC0xNzguMzE0LjAyMy4wMzljLTM1NS40MTgtODIuNzM1LTcyNS42NiAxMDguNDE1LTg1Ny40NSA0NTguODQxeiIvPjxwYXRoIGQ9Ik0yNzAzLjIxLTM5NC4xOTFjODYuMi0zOTguMTUzLTE2Ny4wNC03OTAuODY5LTU2NS42OS04NzcuMTE5LTI2Ni41NS01Ny42OS01MzAuNDQgMzYuNDEtNzAxLjkxIDIyNC4wNi0uMTItLjMtLjI0LS40Ny0uMzctLjY1LjM3LjY1LTY2Mi4wMjkgNTkxLjgyMy02NjIuMDI5IDU5MS44MjNMNTMxLjk1Ny0yMzguOTQxbDE3OC4xMTcgMjkuMjA1TC03Ni45OTcgMTM2Ljc3IDEyMzQuNTUuMjc1bC0xNDAuNjYgMTI2LjU5OSA4MjguMDYtNjEuMTAzaDIxLjU1YzM2My42OSAyOS45NjcgNjgwLjQ5LTk0LjA1MiA3NTkuNzEtNDU5Ljk2MnoiLz48cGF0aCBkPSJNMC02NThoMTkyMFY2Ny41bC02NDItOTFMMCAxMDguNVYtNjU4eiIvPjwvZz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xNTQwXzIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTkyMHYxMjlIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+
+main .section.court h3 {
+  color: #FF5629;
+}
+
+main .section.court h4 {
+  color: #003953;
+  line-height: 1.2;
+  font-family: "Archivo", sans-serif;
+  font-weight: 700;
+  font-size: 30px;
+  margin-bottom: 20px;
+}
+
+main .section.court h6 {
+  color: #000;
+}
+main .section.court ul {
+  padding: 0;
+  margin: 0;
+  padding-bottom: 25px;
+  margin-left: 25px;
+}
+main .section.court ul:last-child {
+  padding: 0;
+  margin: 0;
+  padding-bottom: 0px;
+  margin-left: 25px;
+}
+
+main .section.court ul li {
+  font-size: 18px;
+  color: #000;
+}
+
+main .section.court p {
+  color: #000;
+}
+
+main .section.court .columns-2-cols > div > div:first-child * {
+  width: 399.46px;
+}
+
+main .section.court .columns-2-cols > div > div:last-child {
+  padding-left: 8.5%;
+  -webkit-box-ordinal-group: 3;
+  -ms-flex-order: 2;
+  order: 2;
+  color: #000;
+  padding-bottom: 0;
+}
diff --git a/styles/styles.section.gear.css b/styles/styles.section.gear.css
@@ -5,13 +5,14 @@ main .section.gear {
     padding: 0;
     text-align: center;
     position: relative;
+    padding: 60px 0;
   }
 
   main .section.gear::before {
     background-color: #E6FF00;
     content: '';
     position: absolute;
-    bottom: 0%;
+    bottom: 9%;
     left: 0;
     right: 34%;
     z-index: 1;
@@ -23,10 +24,26 @@ main .section.gear {
     background-position-x: 60px;
     margin: 0 auto;
   }
-
+
+  main .section.gear:after {
+    content: '';
+    position: absolute;
+    bottom: 3px;
+    left: 0;
+    z-index: 0;
+    width: 100%;
+    height: 17%;
+    background-color: #E6FF00;
+}
+
 
   main .section.gear h2 {
     color: #FF5629;
+    max-width: 100%;
+    color: #E6FF00;
+    margin-bottom: 60px;
+    text-transform: uppercase;
+    font-size: 42px;
   }
 
 
@@ -59,7 +76,7 @@ main .section.gear {
     width: 318px;
     box-shadow: 0 0 120px 0 rgb(0 0 0 / 10%);
     border-radius: 24px;
-    padding: 36px;
+    padding: 25px 36px;
     background-color: #001F3D;
   }
 

diff --git a/styles/styles.section.learn.css b/styles/styles.section.learn.css
@@ -1,10 +1,11 @@
-
 /* section learn */
 
 main .section.learn {
-    padding: 0;
-    padding-bottom: 40px;
-    background-color: #FF5629;
-  }
-
-
+  padding: 60px 0;
+  background-color: #ff5629;
+}
+
+main .section.learn .columns-2-cols > div > div:first-child * {
+  width: 399.46px;
+}
+