Changed around line 1
+ body {
+ font-family: 'Georgia', serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f5f5f5;
+ color: #333;
+ }
+
+ header {
+ background-color: #c62828;
+ padding: 20px;
+ text-align: center;
+ }
+
+ .banner {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ gap: 10px;
+ }
+
+ .banner img {
+ width: 150px;
+ height: 150px;
+ border-radius: 50%;
+ border: 3px solid #fff;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+ }
+
+ .taskbar {
+ display: flex;
+ justify-content: center;
+ background-color: #b71c1c;
+ padding: 10px;
+ }
+
+ .taskbar a {
+ color: #fff;
+ text-decoration: none;
+ margin: 0 15px;
+ font-size: 18px;
+ font-weight: bold;
+ }
+
+ .taskbar a:hover {
+ text-decoration: underline;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ section {
+ margin-bottom: 40px;
+ }
+
+ h2 {
+ color: #c62828;
+ border-bottom: 2px solid #c62828;
+ padding-bottom: 10px;
+ }
+
+ ul {
+ list-style-type: none;
+ padding: 0;
+ }
+
+ ul li {
+ margin: 10px 0;
+ }
+
+ .publication-link {
+ color: #c62828;
+ text-decoration: none;
+ }
+
+ .publication-link:hover {
+ text-decoration: underline;
+ }
+
+ .publication-content {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ margin-top: 20px;
+ }
+
+ footer {
+ background-color: #c62828;
+ color: #fff;
+ text-align: center;
+ padding: 10px;
+ position: fixed;
+ width: 100%;
+ bottom: 0;
+ }
+
+ @media (max-width: 768px) {
+ .banner img {
+ width: 100px;
+ height: 100px;
+ }
+
+ .taskbar a {
+ font-size: 16px;
+ margin: 0 10px;
+ }
+ }