diff --git a/assets/images/.gitkeep b/assets/images/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/images/logo-full-dark.png b/assets/images/logo-full-dark.png new file mode 100644 index 0000000..e7a08ee Binary files /dev/null and b/assets/images/logo-full-dark.png differ diff --git a/assets/images/logo-full-white.png b/assets/images/logo-full-white.png new file mode 100644 index 0000000..2a518ab Binary files /dev/null and b/assets/images/logo-full-white.png differ diff --git a/assets/images/logo-icon.ico b/assets/images/logo-icon.ico new file mode 100644 index 0000000..ca58b25 Binary files /dev/null and b/assets/images/logo-icon.ico differ diff --git a/css/styles.css b/css/styles.css index 849037a..a56e4cc 100644 --- a/css/styles.css +++ b/css/styles.css @@ -55,24 +55,31 @@ a { } .logo { - font-weight: 800; - letter-spacing: 0.08em; - text-transform: uppercase; + display: inline-flex; + align-items: center; + line-height: 0; color: var(--hero-text); } -.logo--header { - font-size: clamp(1.1rem, 2vw, 1.35rem); +.logo__img { + display: block; + height: auto; + max-width: 100%; +} + +.logo--header .logo__img { + height: clamp(1.35rem, 3.2vw, 1.85rem); + width: auto; } .logo--hero { - font-size: clamp(3.5rem, 10vw, 7.5rem); - line-height: 0.95; margin: 0 0 2rem; - background: linear-gradient(135deg, #fff 0%, #d4c8ff 55%, #9e8cff 100%); - -webkit-background-clip: text; - background-clip: text; - color: transparent; + max-width: min(100%, 28rem); +} + +.logo--hero .logo__img { + width: 100%; + height: auto; } .nav { diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..2077b66 --- /dev/null +++ b/favicon.svg @@ -0,0 +1 @@ + diff --git a/index.html b/index.html index 7b9ba66..06dd80e 100644 --- a/index.html +++ b/index.html @@ -4,15 +4,38 @@