diff --git a/www/css/main.css b/www/css/main.css index 3d850b4..b539203 100644 --- a/www/css/main.css +++ b/www/css/main.css @@ -94,6 +94,9 @@ textarea { --jason-hover-bg-color: #913A50; --jason-hover-fg-color: #FFFFFF; --flo-bg-color: #601F22; + --flo-accent-color: #FFE4E1; + --flo-hover-bg-color: #00C4FF; + --flo-hover-fg-color: #FFFFFF; } body { @@ -192,6 +195,27 @@ div { .splash.flo, .main.flo { background-color: var(--flo-bg-color); + font-family: 'Quicksand', sans-serif; +} + +.flo h1 { + font-family: 'Marck Script', cursive; + font-weight: 400; +} + +.flo h1 a { + text-decoration: none; + color: var(--flo-accent-color); +} + +.links.flo li a { + background-color: var(--flo-accent-color); + color: var(--flo-bg-color); +} + +.links.flo li a:hover { + background-color: var(--flo-hover-bg-color); + color: var(--flo-hover-fg-color); } @media (orientation: landscape) { diff --git a/www/index.html b/www/index.html index 152e1f8..af2314a 100644 --- a/www/index.html +++ b/www/index.html @@ -12,11 +12,11 @@ - - - - - + + + + + @@ -52,13 +52,13 @@
@@ -72,9 +72,9 @@ - - - + + + + + + + + + + + + + +