From abf4a86cb426e5f0b60c531220945e84f9c1bc25 Mon Sep 17 00:00:00 2001
From: Zsolt Ero <zsolt.ero@gmail.com>
Date: Sun, 23 Jun 2024 23:11:00 +0200
Subject: [PATCH] quick start guide

---
 website/src/pages/index.astro |  2 +-
 website/src/styles/global.css | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
index 5ede9ab..b2c5c2c 100644
--- a/website/src/pages/index.astro
+++ b/website/src/pages/index.astro
@@ -21,7 +21,7 @@ import { Content as RestText } from '../content/index/rest.md'
   <div class="container">
     <p>
       Have a look at the default styles and read more about how to integrate it to your website or
-      app here:
+      app:
     </p>
 
     <a class="quick-start-button" href="/quick_start">Quick Start Guide</a>
diff --git a/website/src/styles/global.css b/website/src/styles/global.css
index 86e253e..03651ac 100644
--- a/website/src/styles/global.css
+++ b/website/src/styles/global.css
@@ -104,21 +104,23 @@ hr {
 }
 
 .quick-start-button {
-  /*display: block;*/
+  display: block;
   text-decoration: none;
   color: white;
   font-weight: bold;
-  letter-spacing: 0.05rem;
-  font-size: 15px;
+  letter-spacing: 0.1rem;
+  font-size: 20px;
   border-radius: 20px;
-  padding: 6px 16px;
-  margin-top: 15px;
-  background: linear-gradient(32deg, #03a9f4, transparent) #f441a5;
+  padding: 20px 0;
+  margin: 5em auto;
+  width: 300px;
+  text-align: center;
+  background: linear-gradient(32deg, #fdb900, transparent) #f441a5;
   transition: background-color 1s;
 
   &:hover,
   &:focus {
-    background-color: #fdb900;
+    background-color: #03a9f4;
   }
 }