simplify CSS stylesv0.3

2 files changed, 25 insertions, 41 deletions

diff --git a/assets/css/common.css b/assets/css/common.css
new file mode 100644
index 0000000..d7b33b9
--- /dev/null
+++ b/assets/css/common.css
@@ -0,0 +1,25 @@
+.bkg-image {
+    background-attachment: fixed;
+    background-origin: content-box;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.btn {
+    background-color: var(--green);
+    border: 1px solid var(--green);
+    border-radius: 15px;
+    color: var(--foreground);
+    font-size: var(--p);
+    margin-top: 3.45rem;
+    padding: 0.75rem 1.45rem;
+    transition: all 0.25s;
+    width: 15rem;
+}
+
+.btn:hover,
+.btn:active {
+    background-color: var(--background);
+    color: var(--green);
+}
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index c01178a..0bd68dc 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,11 +1,6 @@
 /* HERO */
 .hero {
     align-items: center;
-    background-attachment: fixed;
-    background-origin: content-box;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: cover;
     border-bottom: 5px solid var(--green);
     color: var(--foreground);
     display: flex;
@@ -28,32 +23,14 @@
 }
 
 .cta {
-    background-color: var(--green);
-    border: 1px solid var(--green);
-    border-radius: 15px;
     display: block;
-    font-size: var(--p);
     line-height: 1.2;
-    margin-top: 3.45rem;
-    padding: 0.75rem 1.45rem;
     text-align: center;
-    transition: all 0.25s;
-    width: 15rem;
-}
-
-.cta:hover {
-    background-color: var(--background);
-    color: var(--green);
 }
 
 /* SECTIONS */
 .section {
     align-items: center;
-    background-attachment: fixed;
-    background-origin: content-box;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: cover;
     display: flex;
     flex-direction: column;
     min-height: 90vh;
@@ -97,24 +74,6 @@
     width: 100%;
 }
 
-.submit {
-    background-color: var(--green);
-    border: 1px solid var(--green);
-    border-radius: 15px;
-    color: var(--foreground);
-    font-size: var(--p);
-    margin-top: 3.45rem;
-    padding: 0.75rem 1.45rem;
-    transition: all 0.25s;
-    width: 15rem;
-}
-
-.submit:hover,
-.submit:active {
-    background-color: var(--background);
-    color: var(--green);
-}
-
 /* FOOTER */
 .social-links {
     align-items: center;