body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}header h1{font-size:3rem;margin-bottom:10px}header p{font-size:1.2rem;color:#ccc}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-card{background-color:#1e1e1e;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000004d;transition:transform .2s;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px)}.project-card img{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:15px}.project-card h2{font-size:1.5rem;margin-bottom:10px}.project-card p{color:#ccc;margin-bottom:15px}.project-card a{display:inline-block;background-color:#007bff;color:#fff;padding:10px 15px;text-decoration:none;border-radius:4px;transition:background-color .2s;margin-top:auto;width:fit-content}.project-card a:hover{background-color:#0056b3}