diff --git a/view/styles.css b/view/styles.css index 3792db1..1e65ae2 100644 --- a/view/styles.css +++ b/view/styles.css @@ -8,6 +8,7 @@ body { height: 100vh; margin: 0; } + .container { text-align: center; max-width: 400px; @@ -17,12 +18,15 @@ body { border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } + h1 { font-size: 24px; margin-bottom: 20px; } + .link { - display: block; + display: flex; /* Verwende Flexbox */ + align-items: center; /* Vertikale Ausrichtung des Texts und des Logos */ margin: 10px 0; padding: 10px; background: #007BFF; @@ -31,6 +35,14 @@ h1 { border-radius: 5px; transition: background 0.3s ease; } + .link:hover { background: #0056b3; } + +/* Stil für das Logo vor dem Linktext */ +.link img { + width: 20px; /* Größe des Logos */ + height: 20px; /* Höhe des Logos */ + margin-right: 8px; /* Abstand zwischen Logo und Text */ +}