diff --git a/src/components/ContactForm.astro b/src/components/ContactForm.astro index 29d2ea8..76b02bd 100644 --- a/src/components/ContactForm.astro +++ b/src/components/ContactForm.astro @@ -40,6 +40,7 @@ import '../styles/main.css' + diff --git a/src/components/Header.astro b/src/components/Header.astro index 202dd73..05edb99 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -37,29 +37,34 @@ import ButtonGitHub from "./ButtonGitHub.astro" .header-logo { display: flex; + align-items: center; margin-left: 100px; transition: 120ms; - gap: 8px; } .header-logo:hover { scale: 1.1; } - .header-logo:hover .accent-text-beta { - transform: rotate(20deg); - } + + .accent-text { + font-size: var(--font-xs); .accent-text-beta { font-size: var(--font-sm); font-weight: var(--font-bold); + letter-spacing: 1px; text-transform: uppercase; - color: var(--shades-white); + color: var(--shades-black); background-color: var(--primary-500); display: flex; + position: absolute; justify-content: center; align-items: center; - padding: 0 8px; + padding: 2px 8px; + margin-left: 132px; + margin-bottom: 24px; + transform: rotate(12deg); border-radius: 20px; transition: 120ms; z-index: 2; diff --git a/src/pages/index.astro b/src/pages/index.astro index d93b6e0..96f244a 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -30,7 +30,7 @@ import '../styles/main.css'; ¿Qué Hacemos?

- StreamByte es una página de retos de programación enfocados al Front-End. Mejora tus habilidades, aprende nuevas tecnologías, añade a tu portafolio y comparte tu progreso con la comunidad. + StreamByte es una página de retos de programación enfocados al Front-End. Mejora tus habilidades recreando diseños y prototipos profesionales creados en Figma.

Apoya al proyecto