more new bootstrap tests

Source/CSS/style_new.css

@@ -1,14 +1,21 @@
 /* Base Styles */
 body {
-   margin: 0;
-   padding-top: 70px; /* Adjust this value as needed */
+   margin: 0px;
+   padding-top: 0px; /* Adjusted to match the actual navbar height */
    font-family: Arial, sans-serif;
 }
 
+main {
+   background: linear-gradient(to bottom right, rgb(255, 255, 255), rgb(71, 71, 71));
+}
+
+.main-field {
+   padding-top: 60px;
+}
 
 /* Sidebar Styles */
 .sidebar {
-   background-color: #f8f9fa;
+   background-color: #a90000;
 }
 
 @media (max-width: 991.98px) {
@@ -18,11 +25,29 @@ body {
    }
 }
 
+/* Card Image Container */
+.card-img-container {
+    width: 100%;
+    height: 200px; /* Adjust as needed */
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 /* Card Image Styles */
-.card-img-top {
+.card-img-container .card-img-top {
+    width: 100%;
+    height: auto;
+    max-height: 100%;
+    object-fit: contain;
+}
+
+/* Remove previous conflicting styles for .card-img-top */
+/* .card-img-top {
    height: 200px;
    object-fit: cover;
-}
+} */
 
 /* Footer Styles */
 footer {
@@ -43,15 +68,15 @@ h2 {
 
 .navbar-nav .nav-link {
    font-size: 1rem;
-   color: #ffffff; /* Make navigation links white */
-   background-color: #0fff93; /* Dark background to make it button-like */
-   margin: 0 5px; /* Add spacing between buttons */
-   border-radius: 25px; /* Rounded corners */
-   padding: 8px 12px; /* Increase padding for better click area */
+   color: #ffffff;
+   background-color: #0fff93;
+   margin: 0 5px;
+   border-radius: 25px;
+   padding: 8px 12px;
 }
 
 .navbar-nav .nav-link:hover {
-   background-color: #0080ff; /* Slightly lighter on hover */
+   background-color: #0080ff;
    color: #ffffff;
 }
 
@@ -81,13 +106,6 @@ h2 {
    }
 }
 
-/* Ensure Images in Cards are the Same Height */
-.card-img-top {
-   height: 200px;
-   width: 100%;
-   object-fit: cover;
-}
-
 /* Adjust Card Heights for Consistency */
 .card {
    height: 100%;

index.html

@@ -93,7 +93,7 @@
                 </div>
 
                 <div class="email" style="color: white;">
-                    Email: padilla(ät)math.tu-berlin.de
+                    Email: mail(ät)marcelpadilla.com
                 </div>