diff --git a/assets/css/custom.css b/assets/css/custom.css
index 4b38be5..352d024 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -2,7 +2,7 @@
body {
background: #f0f4f8;
color: #1b1b2f;
- font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
line-height: 1.6;
margin-bottom: 1rem;
padding: 0;
@@ -10,7 +10,7 @@ body {
/* Navigation Styles */
.navbar {
- background: linear-gradient(90deg, #1b1b2f, #4a6fa5)
+ background: linear-gradient(90deg, #1b1b2f, #4a6fa5)
}
.navbar .nav-link {
color: #fff;
@@ -77,22 +77,29 @@ button:hover, .btn:hover {
#sidebar {
width: 240px;
height: auto;
- background: linear-gradient(180deg, #1b1b2f, #4a6fa5);
+ background: linear-gradient(180deg, #1b1b2f, #4a6fa5);
color: white;
padding: 25px;
}
+
.logo {
font-size: 24px;
margin-bottom: 30px;
}
#logo-img {
- max-width: 500px;
- width: 100%;
+ max-width: 400px;
+ width: 90%;
height: auto;
}
#sidebar .nav-link {
margin: 0.5rem 0;
transition: all 0.3s;
+ color: white;
+}
+#sidebar .nav-link:hover {
+ color: #ffd166;
+ background-color: rgba(255,255,255,0.1);
+ border-radius: 6px;
}
#main-area {
flex: 1;
@@ -128,6 +135,9 @@ button:hover, .btn:hover {
/* Responsive Styles */
@media (max-width: 768px) {
+ body {
+ font-size: 0.9rem;
+ }
.container > div {
flex: 1 1 calc(50% - 40px);
}
diff --git a/image/icon_loremIpsum.png b/image/icon_loremIpsum.png
new file mode 100644
index 0000000..012b05d
Binary files /dev/null and b/image/icon_loremIpsum.png differ
diff --git a/index.html b/index.html
index c2e9000..894f177 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
- Lorem Ipsum - Das Spiel
+ Lorem Ipsum - Das Spiel
+
@@ -17,19 +18,9 @@
+
-
+