diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index 4aecbf3..10b14b5 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -153,7 +153,7 @@ nav[hidden]{ nav[hidden]{ transform: translateX(100%); } - :global(nav a:last-child){ + nav a:last-child{ margin-bottom: 2rem; } diff --git a/src/lib/css/form.css b/src/lib/css/form.css index 1a8eca3..4c230c5 100644 --- a/src/lib/css/form.css +++ b/src/lib/css/form.css @@ -10,14 +10,14 @@ form{ padding-block: 2rem; margin-block: 2rem; } -label{ +form label{ font-size: 1.2em; } -input{ +form input{ display: block; font-size: 1.2rem; } -button{ +form button{ background-color: var(--red); color: white; border: none; @@ -27,16 +27,16 @@ button{ margin-top: 1em; transition: 100ms; } -button:hover, -button:focus-visible +form button:hover, +form button:focus-visible { scale: 1.1; } -p{ +form p{ max-width: 400px; margin-top: 0; } -h4{ +form h4{ margin-bottom:0; } @media screen and (max-width: 600px){