diff --git a/styles/global.css b/styles/global.css index fc791f4..8720879 100644 --- a/styles/global.css +++ b/styles/global.css @@ -307,7 +307,7 @@ li { background: var(--primary-green); display: inline-block; text-decoration: none; - transition: 100ms ease-in-out all; + transition: 50ms ease-in-out all; border-radius: 0.5rem; box-shadow: none; } @@ -324,10 +324,10 @@ li { .button:active { text-decoration: none; - box-shadow: none; + box-shadow: 0 0 0 1px var(--tertiary-green); + transform: scale(0.98); color: #cccccc; background: var(--tertiary-green); - box-shadow: none; } .button.blue { @@ -355,17 +355,17 @@ li { .button.link::after { content: ' \2192'; display: inline-block; - transition: 100ms ease-in-out all; + transition: 50ms ease-in-out all; margin-left: 0.3rem; } .button.link:hover { display: inline-block; - transition: 100ms ease-in-out all; + transition: 50ms ease-in-out all; } .button.link:hover::after { - transform: translateX(0.2rem) scale(1.3); + transform: translateX(0.25rem) scale(1.3); } .button.link.extern:hover::after { diff --git a/styles/title.module.css b/styles/title.module.css index ab4511c..300b3e1 100644 --- a/styles/title.module.css +++ b/styles/title.module.css @@ -12,19 +12,19 @@ .nav { padding: 0.25rem 0.75rem; - font-size: 1.5rem; + font-size: 1.25rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); position: fixed; bottom: 0; z-index: 1000; margin: 0; - height: 2.75rem; - max-height: 2.75rem; - min-height: 2.75rem; + height: 2.5rem; + max-height: 2.5rem; + min-height: 2.5rem; min-width: 100%; width: 100%; background: linear-gradient(to bottom right, #1a3a15, #09351b) no-repeat center center fixed; overflow-y: hidden; overflow-x: auto; white-space: nowrap; -} \ No newline at end of file +}