blink button

assets/css/main.css

@@ -1,21 +1,32 @@
 /* Tailwind base - put variables under: tailwind.config.js */
-@import "tailwindcss/base";
+@import "node_modules/tailwindcss/base";
 /* Tailwind component classes registered by plugins*/
-@import "tailwindcss/components";
+@import "node_modules/tailwindcss/components";
 /* Tailwind's utility classes - generated based on config file */
-@import "tailwindcss/utilities";
+@import "node_modules/tailwindcss/utilities";
 
+/*----------- Don't forget to rerun hugo after changing this file! As this triggers node to regenerate main.css  */
 /*
 #
 # Buttons
 #
 */
 
-/*
+blink {
-.button-primary {
+  animation: blinker 2s linear infinite;
-  background-color: rgb(239, 130, 44);
+  color: #1c87c9;
+ }
+@keyframes blinker {
+  50% { opacity: 0; }
 }
 
+.button-primary {
+  background-color: green;
+  text-shadow: 2px 2px 5px yellow;
+  box-shadow: 10px 10px 15px lightgreen;
+  border-radius: 20px;
+}
+/*
 .button-primary:hover {
   background-color: rgb(236, 113, 18);
 }
@@ -68,31 +79,11 @@
 #
 */
 
-
+/*
 .prose h1 {
-  font-size:5REM;
+  color: rgb(239, 130, 44);
-}
-
-.prose h2 {
-  font-size:4REM;
-}
-
-.prose h3 {
-  font-size:1.5REM;
-}
-
-
-blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
-	margin: 10px;
-}
-
-ol, ul {
-	 list-style: circle;
-	 margin: 0px; 
-	 padding: 20px;
 }
 
-/*
 .prose p {
   color: white;
 }

layouts/partials/header.html

@@ -10,7 +10,7 @@
         {{ with .Params.header_tagline_paragraph }}
           {{- partial "header/tagline_paragraph.html" . -}}
         {{ end }}
-        <div class="flex"style="justify-content:center;">
+        <div class="mb-4">
           {{ with .Params.header_button_cta }}
             {{- partial "header/button_cta.html" . -}}
           {{ end }}

layouts/partials/header/button_cta.html

@@ -0,0 +1,9 @@
+<blink>
+  <a
+    class="button button-primary rounded-lg px-4 md:px-5 py-3 md:py-4 bg-teal-500 hover:bg-teal-600 md:text-lg md:leading-tight text-white font-semibold leading-tight shadow-md"
+    href="{{ .url }}"
+    id="button-cta"
+    >
+    {{ .title }}
+  </a>
+</blink>