diff --git a/index.html b/index.html index abf38cc..fbeb396 100644 --- a/index.html +++ b/index.html @@ -74,6 +74,8 @@ border-radius: 30px; padding: 3em 3em 2em 3em; margin: 1em; + width: min(100%, 900px); + max-width: 900px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); color: #000000; position: relative; @@ -121,18 +123,21 @@ color: #000000; border: none; padding: 1em 1.75em; - border-radius: 15px; + border-radius: 999px; cursor: pointer; font-weight: bold; margin-top: 0.5em; font-size: 17px; text-align: left; text-decoration: none; + box-sizing: border-box; + flex: 1 1 240px; + max-width: 260px; } .btn-text { display: flex; flex-direction: column; - line-height: 0.7; + line-height: 1.1; } .btn-text small { font-size: 12px; @@ -142,11 +147,16 @@ height: 30px; filter: brightness(0); } + .btn-discord { + background-color: #7289da; + color: #ffffff; + } .btn-group { display: flex; gap: 1em; flex-wrap: wrap; justify-content: center; + width: 100%; } .btn-groups { display: flex; @@ -155,10 +165,12 @@ } .section-title { margin: 0.5em 0 0; + padding-top: 0.75em; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.08em; color: #2C2D3C; + text-align: center; } .section { display: flex; @@ -217,7 +229,7 @@ } .btn-group { flex-direction: column; - align-items: center; + align-items: stretch; } .section-title { text-align: center; @@ -227,6 +239,12 @@ justify-content: center; padding: 0.8em 1em; font-size: 16px; + text-align: center; + max-width: 100%; + flex: none; + } + .btn-text { + align-items: center; } } @@ -268,10 +286,10 @@