From da0af1573879e7c5716bcfd0aeee39a54c8c820d Mon Sep 17 00:00:00 2001
From: Set Sakrecoer <public@sakrecoer.com>
Date: Tue, 15 Dec 2020 13:31:20 +0100
Subject: [PATCH] better button

---
 _sass/_layout.scss | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 854e99a..da6987a 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -97,7 +97,7 @@ body {
       bottom: 0;
       transform: rotate(-3deg);
       overflow: hidden;
-      background: -webkit-linear-gradient(90deg, var(--bg) 25%,var(--accent2-alt) 100%);
+      background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       filter: blur(2px);
@@ -114,7 +114,9 @@ body {
       .description {
         border-radius: var(--border-radius);
         background: var(--bg-alt);
-        background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);
+        box-shadow: 1px 1px 28px 24px var(--bg-alt);
+        -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt);
+        -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt);
         > * {
           margin: 40px !important;
         }
@@ -122,16 +124,19 @@ body {
             display: flex;
             justify-content: space-between;
             flex-wrap: wrap;
-            font-size: xxx-large;
+            
             .button {
               background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt));
               background-size: 400% 400%;
               -webkit-animation: backgroundBlink 7s ease infinite;
               -moz-animation: backgroundBlink 7s ease infinite;
               animation: backgroundBlink 7s ease infinite;
-              flex: 0 0 25px;
+              width: 100px;
+              height: 100px;
+              line-height: 100px;
               margin: 0 0 20px 0;
-              padding: 0 10px;
+              padding:0;
+              font-size: 65px;
             }
         }
       }
@@ -172,10 +177,17 @@ body {
         h1 {
           font-size: 1.1em
         }
-      }
+        > ul {
+        .button {
+          width: 75px;
+          height: 75px;
+          line-height: 75px;
 
+          font-size: 55px;
+        }
+      }
+      }
     }
-  
   }
 }