diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..aef8443 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/src/css/components/headline.css b/src/css/components/headline.css index 1fc5f41..e218b1d 100644 --- a/src/css/components/headline.css +++ b/src/css/components/headline.css @@ -20,6 +20,12 @@ font-weight: var(--font-bold); font-size: var(--text-xxxl); line-height: 52px; + animation: slide-in 0.5s forwards; + transform: translateX(-100%); +} + +@keyframes slide-in { + 100% { transform: translateX(0%); } } .headline .headline__text { diff --git a/src/css/components/toolbar.css b/src/css/components/toolbar.css index a7ec9c2..177a5a3 100644 --- a/src/css/components/toolbar.css +++ b/src/css/components/toolbar.css @@ -19,6 +19,11 @@ font-weight: var(--font-bold); font-size: 18px; line-height: 20px; + transition: letter-spacing linear 0.5s; +} + +.toolbar .toolbar__logo:hover { + letter-spacing: 2px; } .toolbar .toolbar__menu-button {