more

src/styles/contact.scss

@@ -54,6 +54,14 @@
   padding-right: 25px;
 }
 
+.contact-link-twotwo {
+  font-size: 0.95rem;
+  letter-spacing: 0.92rem;
+  color: #fff;
+  text-decoration: none;
+  padding-right: 25px;
+}
+
 .contactLinkThree {
   letter-spacing: 1rem;
   text-decoration: none;
@@ -106,6 +114,15 @@
   letter-spacing: 0.2rem;
 }
 
+.contact-detail-twotwo {
+  display: flex;
+  flex-direction: row-reverse;
+  height: 38px;
+  margin: 12px 0px;
+  padding-right: 18px;
+  background-color: hsl(17, 100%, 61%);
+}
+
 .contact-detail-three {
   display: flex;
   flex-direction: row-reverse;
@@ -115,6 +132,15 @@
   letter-spacing: 0.5rem;
 }
 
+.contact-detail-threethree {
+  display: flex;
+  flex-direction: row-reverse;
+  height: 40px;
+  margin: 12px 0px;
+  background-color: rgb(93, 206, 255);
+  letter-spacing: 0.5rem;
+}
+
 .contactDetailFour {
   width: 40%;
   background-color: orange;
@@ -206,20 +232,18 @@
     padding-right: 20px;
   }
 
-  .contactLink {
-    letter-spacing: 0.2rem;
+  .nav-link-threthree {
+    color: black;
+    letter-spacing: 1rem;
+    text-decoration: none;
+    padding-right: 24px;
+  }
+
+  .contact-linklink {
+    font-size: 1rem;
+    letter-spacing: 0.6rem;
+    color: #fff;
+    text-decoration: none;
+    padding-right: 16px;
   }
 }
-
-/*
-.threeInner {
-  display: flex;
-  margin-left: 5px;
-  height: 300px;
-  width: 130px;
-  border-radius: 0px;
-  overflow: hidden;
-  opacity: 0.4;
-  background: linear-gradient(to left, rgba(245, 246, 252, 0.52), red);
-}
-*/