body {

font-family: Arial, sans-serif;
margin: 0;
background: #0d1117;
color: #e6edf3;

}

header {

background: #161b22;
padding: 30px;
text-align: center;

}

main {

padding: 40px;

}

.projects {

display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;

}

.project-card {

background: #161b22;
padding: 20px;
border-radius: 8px;
text-decoration: none;
color: white;
transition: 0.2s;

border-left: 5px solid #ff5555;

}

.project-card:hover {

transform: scale(1.02);
background: #1f2937;

}

ul {

padding-left: 20px;

}

footer {

text-align: center;
padding: 20px;
font-size: 14px;

}