Merge branch 'main' into 'main'

improve drop shadow look

See merge request !6

index.php

@@ -77,7 +77,7 @@
                 <ul class="navbar-nav me-auto">
                     <li class="nav-item"><a class="nav-link active" href="https://git.tar.black/crystal" target="_blank" style="pointer-events: auto;">GitLab</a></li>
                     <li class="nav-item"><a class="nav-link active" href="https://discord.gg/2b47CAKNAx" target="_blank" style="pointer-events: auto;">Discord</a></li>
-                </ul><span class="navbar-text actions"> <a class="btn btn-light action-button" role="button" href="#" style="border-radius: 6px;background: #a165bf;filter: drop-shadow(0px 10px 30px rgba(161, 101, 191, 0.2));" onclick="window.open(&quot;https://repo.getcryst.al/crystal-latest.iso&quot;);">Download</a></span>
+                </ul><span class="navbar-text actions"> <a class="btn btn-light action-button" role="button" href="#" style="border-radius: 6px;background: #a165bf;filter: drop-shadow(0px 5px 5px rgba(161, 101, 191, 0.2));" onclick="window.open(&quot;https://repo.getcryst.al/crystal-latest.iso&quot;);">Download</a></span>
             </div>
         </div>
     </nav>
@@ -88,10 +88,10 @@
                 <p class="text-center" style="margin-bottom: 0px;">Crystal Linux is a brand new Arch Linux based distribution. Completely beginner friendly, easy to use, and powerful.</p>
             </div>
             <div class="buttons" style="margin-top: -5px;">
-                <a class="btn btn-primary text-capitalize" role="button" href="#" style="font-family: Inter, sans-serif;border-radius: 6px;font-weight: 500;font-size: 15px;background: #a165bf;filter: drop-shadow(0px 10px 30px rgba(161, 101, 191, 0.2));" onclick="window.open(&quot;https://repo.getcryst.al/crystal-latest.iso&quot;);">Download</a>
-                <button class="btn btn-light text-capitalize" type="button" style="border-radius: 6px;font-size: 15px;font-weight: 500;font-family: Inter, sans-serif;letter-spacing: 0.2px;filter: drop-shadow(0px 10px 30px rgba(221, 221, 221, 0.2));" onclick="window.open(&quot;https://git.tar.black/crystal&quot;);">Gitlab</button>
+                <a class="btn btn-primary text-capitalize" role="button" href="#" style="font-family: Inter, sans-serif;border-radius: 6px;font-weight: 500;font-size: 15px;background: #a165bf;filter: drop-shadow(0px 5px 5px rgba(161, 101, 191, 0.2));" onclick="window.open(&quot;https://repo.getcryst.al/crystal-latest.iso&quot;);">Download</a>
+                <button class="btn btn-light text-capitalize" type="button" style="border-radius: 6px;font-size: 15px;font-weight: 500;font-family: Inter, sans-serif;letter-spacing: 0.2px;filter: drop-shadow(0px 5px 5px rgba(221, 221, 221, 0.2));" onclick="window.open(&quot;https://git.tar.black/crystal&quot;);">Gitlab</button>
                 </div>
-            <div class="card-group" style="margin-top: 100px;filter: drop-shadow(0px 10px 30px rgba(45, 45, 46, 0.2));">
+            <div class="card-group" style="margin-top: 100px;filter: drop-shadow(0px 0px 10px rgba(45, 45, 46, 0.2));">
                 <div class="card mobile-compat-card" style="border-radius: 6px;background: #202021;margin-right: 5px;">
                     <div class="card-body">
                         <h4 class="card-title" style="font-family: Inter, sans-serif;color: rgba(238,238,238,0.6);margin-bottom: 2px;">Why Crystal?</h4>
@@ -161,7 +161,7 @@
                 <div class="card-body">
                     <h4 class="card-title" style="margin-bottom: 2px;color: rgba(238,238,238,0.6);">We 💖 open source software</h4>
                     <p class="card-text" style="color: rgb(142,143,143);">Basically everything that Crystal Linux has coded/made is completely open source for anyone to see. Why not contribute to the project?</p>
-                    <a class="btn btn-primary text-capitalize" role="button" href="#" style="font-family: Inter, sans-serif;border-radius: 6px;font-weight: 500;font-size: 15px;background: #a165bf;filter: drop-shadow(0px 10px 30px rgba(161, 101, 191, 0.2));border:none;outline:none" onclick="window.open(&quot;https://git.tar.black/crystal/&quot;);">Contribute on Gitlab</a>
+                    <a class="btn btn-primary text-capitalize" role="button" href="#" style="font-family: Inter, sans-serif;border-radius: 6px;font-weight: 500;font-size: 15px;background: #a165bf;filter: drop-shadow(0px 5px 5px rgba(161, 101, 191, 0.2));border:none;outline:none" onclick="window.open(&quot;https://git.tar.black/crystal/&quot;);">Contribute on Gitlab</a>
                 </div>
             </div>
             <footer class="text-center">