From 1c3294a9813683f755433e670eda0ae69dfc1fc0 Mon Sep 17 00:00:00 2001
From: Vinnn3 <134273738+Vinnn3@users.noreply.github.com>
Date: Mon, 1 Jul 2024 16:03:12 +0300
Subject: [PATCH] Update style.scss

---
 assets/css/style.scss | 138 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 135 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 5742f93..2a5a1e3 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,4 +1,136 @@
----
----
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
 
-@import "{{ site.theme }}";
+header {
+    background-color: #333;
+    color: #fff;
+    padding: 1rem;
+    text-align: center;
+}
+
+header nav ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+}
+
+header nav ul li {
+    margin: 0 1rem;
+}
+
+header nav ul li a {
+    color: #fff;
+    text-decoration: none;
+}
+
+#intro {
+    text-align: center;
+    padding: 2rem;
+    background-color: #f4f4f4;
+}
+
+.cover-image img {
+    width: 100%;
+    height: auto;
+}
+
+.intro-content {
+    margin-top: -5rem;
+    background: rgba(255, 255, 255, 0.8);
+    padding: 1rem;
+    display: inline-block;
+}
+
+.intro-content h1 {
+    margin: 0;
+    font-size: 2.5rem;
+}
+
+.intro-content p {
+    font-size: 1.25rem;
+}
+
+.intro-content .btn {
+    display: inline-block;
+    margin-top: 1rem;
+    padding: 0.5rem 1rem;
+    background-color: #333;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 5px;
+}
+
+#features {
+    padding: 2rem;
+    background-color: #e2e2e2;
+}
+
+#features h2 {
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+.feature {
+    margin: 1rem 0;
+    text-align: center;
+}
+
+.feature img {
+    width: 100%;
+    height: auto;
+}
+
+.feature h3 {
+    margin-top: 1rem;
+}
+
+#about {
+    padding: 2rem;
+    background-color: #f4f4f4;
+}
+
+#about h2 {
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+#about p {
+    max-width: 800px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+#contact {
+    padding: 2rem;
+    background-color: #e2e2e2;
+    text-align: center;
+}
+
+#contact h2 {
+    margin-bottom: 1rem;
+}
+
+#contact ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+#contact ul li {
+    margin: 0.5rem 0;
+}
+
+#contact a {
+    color: #333;
+    text-decoration: none;
+}
+
+#contact a:hover {
+    text-decoration: underline;
+}