Update styles.css

selya1722 · Nov 16, 2024 · bd304b2 · bd304b2
1 parent f2f390d
commit bd304b2
Showing 1 changed file with 29 additions and 8 deletions.
diff --git a/styles.css b/styles.css
@@ -57,10 +57,11 @@ section {
     display: flex;
 }
 .navbar a {
-  font-size: 1.7rem;
+  font-size: 1.5rem;
   color: var(--text-color);
   margin-left: 4rem;
   font-weight: 700;
+  font-family: "Rubik", sans-serif;
 }
 .navbar a:hover{
   color:rgb(236, 166, 225);
@@ -85,17 +86,22 @@ section {
 .home-content h3 {
   font-size: 3.2rem;
   font-weight: 700;
+  font-family: "Rubik", sans-serif;
 }
 .home-content h3:nth-of-type(2) {
   margin-bottom: 2rem;
 }
+.home p{
+  font-family: "Rubik", sans-serif;
+}
 span {
   color: var(--main-color);
 }
 .home-content h1 {
   font-size: 5.6rem;
   font-weight: 700;
   line-height: 1.3;
+  font-family: "Karla", sans-serif;
 }
 .home-img img {
   width: 35vw;
@@ -126,6 +132,7 @@ span {
 }
 .home-content {
   font-size: 1.6rem;
+  font-family: "Karla", sans-serif;
 }
 .social-media a {
   display: inline-flex;
@@ -158,6 +165,7 @@ span {
   letter-spacing: 0.1rem;
   font-weight: 600;
   transition: 0.5s ease;
+  font-family: "Rubik", sans-serif;
 }
 .btn:hover {
   box-shadow: none;
@@ -186,15 +194,20 @@ span {
   text-align: left;
   line-height: 1.2;
   text-shadow: 2px 2px 3px rgb(255, 253, 253);
-  font-family: "Karla", sans-serif;
+  color:rgb(129, 3, 72);
+  font-size: 3.5rem;
+  font-family: "Rubik", sans-serif;
 }
 
 .about-content p {
   font-size: 1.7rem;
   margin: 2rem 0 3rem;
+  font-family: "Rubik", sans-serif;
 }
 .services h2 {
   margin-bottom: 5rem;
+  font-family: "Rubik", sans-serif;
+
 
 }
 .services-container {
@@ -222,15 +235,17 @@ span {
   color:rgb(235, 119, 177);
 }
 .services-box h3 {
-  font-size: 2.6rem;
+  font-size: 2.3rem;
   color:rgb(148, 72, 110);
+  font-family: "Rubik", sans-serif;
 
 }
 
 .services-box p {
-  font-size: 1.6rem;
+  font-size: 1.3rem;
   margin: 1rem 0 3rem;
   color:rgb(44, 43, 43);
+  font-family: "Rubik", sans-serif;
 }
 /*portfolio projects*/
 .portfolio {
@@ -240,6 +255,8 @@ span {
 .portfolio h2 {
   margin-bottom: 4rem;
   color: rgb(156, 54, 102);
+  text-shadow: 2px 2px 3px rgb(255, 253, 253);
+  font-family: "Rubik", sans-serif;
 }
 
 .portfolio-container {
@@ -295,13 +312,15 @@ span {
 }
 
 .portfolio-layer h4 {
-  font-size: 2rem;
+  font-size: 1.6rem;
   color: rgb(70, 66, 66);
+  font-family: "Rubik", sans-serif;
 }
 
 .portfolio-layer p {
-  font-size: 1.6rem;
+  font-size: 1.3rem;
   margin: 0.3rem 0 1rem;
+  font-family: "Rubik", sans-serif;
 }
 
 .portfolio-layer a {
@@ -322,6 +341,7 @@ span {
 /*contact*/
 .contact h2 {
   margin-bottom: 3rem;
+  font-family: "Rubik", sans-serif;
 }
 .contact form {
   max-width: 70rem;
@@ -385,7 +405,7 @@ span {
     padding: 10rem 3%;
   }
   .services {
-    padding-bottom: 7rem;
+    padding-bottom: 10rem;
   }
   .portfolio {
     padding-bottom: 7rem;
@@ -481,6 +501,8 @@ span {
   }
 }
 
+
+/*education*/
 .education {
   padding: 50px;
   background-color:  rgb(243, 209, 228);
@@ -532,4 +554,3 @@ span {
   object-fit: contain;
   margin-bottom: 20px;
 }
-