.main{font-family:Segoe UI,sans-serif;background-color:#f9f9f9}.page-header{height:50vh;display:flex;flex-direction:column;justify-content:center;text-align:center;margin-bottom:40px;background-color:#000133;color:white}.page-header h1{font-size:4.5rem;margin-bottom:10px}.page-header p{font-size:1.2rem;color:white}.project-list{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:50px}.card{background:#fff;border-radius:8px;max-width:600px;height:50vh;padding:20px 40px;box-shadow:0 3px 10px rgba(0,0,0,.1);text-align:center}.image{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:15px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.card h3{margin-top:0;font-size:1.4rem}.card h3,.card p{margin-bottom:10px}.card p{color:#555}.tags{margin-bottom:15px}.tag{display:inline-block;background-color:#e0e0e0;color:#333;border-radius:4px;padding:4px 10px;font-size:.8rem;margin-right:6px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.buttons{display:flex;justify-content:space-around;gap:10px;margin-top:10px}.github-btn,.learnmore-btn{padding:8px 14px;border:none;cursor:pointer;border-radius:4px;font-weight:700;transition:background-color .3s ease;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}.github-btn{background-color:#24292e;color:white}.learnmore-btn{background-color:#0070f3;color:white}.github-btn:hover{background-color:#000}.learnmore-btn:hover{background-color:#005bb5}.contribute{text-align:center;margin:60px 0 30px;font-size:1.1rem}.contribute a{color:#0070f3;text-decoration:underline}@media (max-width:768px){.page-header{padding:0 1rem}.card{margin:0 15px}.image{object-fit:contain}.card{height:auto;padding-bottom:3em}}