Use card instead of CSS style for landing title

Author: awvwgk

pages/_static/css/custom.css

@@ -51,7 +51,7 @@
   --sd-color-success: var(--fpm-sd-complementary);
   --sd-color-info: var(--fpm-sd-update);
   --sd-color-warning: var(--fpm-sd-accent);
-  --sd-color-danger: #dc3545;
+  --sd-color-danger: var(--fpm-sd-tertiary);
   --sd-color-light: #f8f9fa;
   --sd-color-muted: #6c757d;
   --sd-color-dark: #212529;

pages/index.md

@@ -4,14 +4,10 @@ sd_hide_title: true
 
 # Fortran package manager
 
-::::::{div} landing-title
-:style: "background-image: linear-gradient(315deg, #a34e9c, #9953ad); clip-path: inset(0% 100% 0% 100% round 20px);"
-
 :::{card}
 :class-header: sd-text-white sd-fs-2 sd-font-weight-bold sd-border-0
 :class-body: sd-text-white sd-fs-4 sd-border-0
-:class-card: sd-border-0
-:margin: 5
+:class-card: sd-border-0 sd-bg-danger sd-px-5 sd-py-1 sd-rounded-3
 :shadow: none
 
 Fortran package manager
@@ -20,8 +16,6 @@ Fortran package manager
 Package manager and build system for Fortran.
 :::
 
-::::::
-
 Welcome to the documentation of the Fortran package manager (fpm).
 This documentation is divided in four major parts, select one of the topics below to continue.