diff --git a/gfx/boostlet.png b/gfx/boostlet.png new file mode 100644 index 00000000..b079a49f Binary files /dev/null and b/gfx/boostlet.png differ diff --git a/index.html b/index.html index bb4548d6..2d052aca 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,21 @@ header { background-color: #fff; padding: 20px; + text-align: center; + } + + .header-content { + margin: 0 auto; + padding: 0 20px; + display: flex; + align-items: center; + } + + h1 { + font-family: 'Roboto', sans-serif; + font-weight: 700; + font-size: 28px; + margin: 0; } .content { @@ -55,13 +70,10 @@ background-color: black; color: white; border: none; - padding: 10px 20px; + padding: 10px 30px; cursor: pointer; border-radius: 10px; - font-family: 'Haettenschweiler', sans-serif; - font-weight: bolder; - font-size: 32px; - width: 240px; + width: 150px; height: 60px; } @@ -152,6 +164,22 @@ display: block; } + /* Responsive */ + @media (max-width: 600px) { + .header-content { + flex-direction: column; + } + + h1 { + font-size: 20px; + padding-top: 10px; + } + + .logo { + height: 50px; + } + } +