diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..e035099 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,99 @@ +/* Tailwind base - put variables under: tailwind.config.js */ +@import "tailwindcss/base"; +/* Tailwind component classes registered by plugins*/ +@import "tailwindcss/components"; +/* Tailwind's utility classes - generated based on config file */ +@import "tailwindcss/utilities"; + +/* +# +# Buttons +# +*/ + +/* +.button-primary { + background-color: rgb(239, 130, 44); +} + +.button-primary:hover { + background-color: rgb(236, 113, 18); +} + +.button-secondary { + color: rgba(255, 255, 255, 0.95); + background-color: rgb(100, 100, 100); +} + +.button-secondary:hover { + background-color: rgb(90, 90, 90); +} +*/ + +/* +# +# Top border color of form inputs +# +*/ + +/* +.border-t { + border-color: rgb(239, 130, 44); +} +*/ + +/* +# +# Header Background & Text +# +*/ + +/* +#header-inner-wrapper { + background-color: rgba(26, 38, 191, 0.9); +} + +#brand-headline { + color: rgb(239, 130, 44); +} + +#tagline-paragraph { + color: rgba(255, 255, 255, 0.95); +} +*/ + +/* +# +# Content below the header +# +*/ + + +.prose h1 { + font-size:5REM; +} + +.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; +} +*/