home

css/index.css

@@ -11,6 +11,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Montserrat:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&display=swap');
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
@@ -87,7 +88,7 @@ img[src*="#fig"] {
 
 .advance{
 
-  font-family: "lato";
+  font-family: 'Cormorant Infant', serif;
 }
 
 
@@ -100,18 +101,22 @@ img[src*="#fig"] {
 }
 
 p {
-  font-size:1rem;
+  font-size:1.3rem;
   line-height: 1.5rem;
   color: #333;
 }
 
+* {
+  color: #775840 !important;
+}
+
 @layer components {
   h1 {
     @apply text-3xl lg:text-6xl xl:text-6xl font-normal text-gray-900 leading-4 my-4;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.2;
     font-weight: 600;
-    text-shadow: 2px 4px 4px rgb(36 36 36 / 50%);
+    /* text-shadow: 2px 4px 4px rgb(36 36 36 / 50%); */
     
   }
   h1 strong {
@@ -119,26 +124,24 @@ p {
   }
   h2 {
     @apply text-3xl md:text-5xl lg:text-5xl font-light leading-4 my-4;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.5;
     font-weight: 600;
-    color: #2f5d89;
+    
   }
 
   h4 {
       @apply text-xl lg:text-2xl font-light leading-4 my-4;
-      font-family: 'Lato', sans-serif;
+      font-family: 'Cormorant Infant', serif;
       line-height: 2rem;
-      color: #59a5d8;
       font-weight: 500;
   }
 
 
   h5 {
     @apply text-xl lg:text-2xl font-normal my-2;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.2;
-    color: #ffffff;
     font-weight: 300;
 }
 
@@ -147,7 +150,7 @@ p {
   }
   h3 {
     @apply text-2xl lg:text-4xl font-normal my-4;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     line-height: 1.2;
     color: #ffffff;
     font-weight: 600;
@@ -164,7 +167,7 @@ p {
   }
   p {
     @apply text-base lg:text-xl leading-tight tracking-normal font-normal my-4;
-    font-family: "CercoDEMO", sans-serif;
+    font-family: 'Cormorant Infant', serif;
   }
   blockquote {
     @apply border-l-4 border-gray-400 mx-2 my-2 p-2;
@@ -179,7 +182,8 @@ p {
     @apply inline-block
     text-base
     lg:text-lg
-    px-8
+    font-bold
+    px-12
     py-1
     mr-5
     my-4
@@ -189,13 +193,13 @@ p {
 }
 
 button:hover  {
-  background-color: #4173a1;
+  background-color: #a38269;
   /* color: #984210; */
 }
 
 button  {
-font-weight: 500;
-background-color: #2f5d89;
+font-weight: 700;
+background-color: #775840;
 }
 
 .experience-btn {
@@ -243,15 +247,15 @@ footer .customize img {
 header .customize div {
     box-shadow: none;
     text-transform: capitalize;
-    font-family: 'Lato', sans-serif;
+    font-family: 'Cormorant Infant', serif;
     font-weight: 700 !important;
 }
 
 button {
-  background-color: #2f5d89;
+  background-color: #775840;
   /* background: transparent; */
   color: rgb(255, 255, 255);
-  border-radius: 20px;
+  border-radius: 4px;
   border: none;
   box-shadow: none;
   font-size: 17px;
@@ -261,10 +265,11 @@ button {
 
 a {
   border: none;
+  color: #fff !important;
 }
 
 a:hover{
-  color: #80b6e9 !important;
+  color: #a38269 !important;
 }
 
 nav a {
@@ -304,7 +309,7 @@ button a:hover{
 }
 
 header {
-  font-family: 'Lato', sans-serif;
+  font-family: 'Cormorant Infant', serif;
 }
 
 .nav_btn {