body{
font-family: Arial, Helvetica, sans-serif;
margin:0;
background:white;
color:black;
}

.logo img{
height:50px;
width:auto;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:40px;
}

header h1{
font-size:22px;
font-weight:normal;
}
/* Fix the site name link color and remove underline */
header h1 a {
    color: black;           /* Changes blue link to black */
    text-decoration: none;  /* Removes underline */
}

/* Optional: keep hover clean */
header h1 a:hover {
    color: black;           /* Prevent blue on hover */
    text-decoration: none;
}
nav a{
margin-left:20px;
text-decoration:none;
color:black;
font-size:14px;
}

main{
padding:40px;
max-width:900px;
}

.projects{
display:flex;
flex-direction:column;
gap:25px;
}

.project{
text-decoration:none;
color:black;
border-bottom:3px solid #A9A9A9;
padding-bottom:10px;
}

.project h2{
margin:0;
font-size:22px;
}

.project p{
margin:5px 0 0 0;
font-size:14px;
color:#666;
}

.project-page video{
margin-top:20px;
max-width:100%;
}

.description{
margin-top:20px;
max-width:600px;
}

.credits{
margin-top:20px;
font-size:14px;
}

footer{
margin-top:60px;
padding:40px;
font-size:12px;
color:#777;
}