body {
         font-family: Arial, sans-serif;
         background: #f0f2f5;
         display: flex;
         justify-content: center;
         align-items: center;
         height: 100vh;
         margin: 0;
     }

     .container {
         text-align: center;
         padding: 2rem;
         background: white;
         border-radius: 10px;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     }


     .projects-list {
         display: grid;
         gap: 1rem;
     }

     .project-link, a {
         padding: 1rem 2rem;
         background: #af1268;
         color: white;
         text-decoration: none;
         border-radius: 5px;
         transition: background 0.3s;
     }

     .project-link:hover {
         background: #2980b9;
     }


     h1 {
         color: #2c3e50;
         margin-bottom: 2rem;
     }