body{

    font-family: Arial;

    background-color: white;

    margin:0;

}

header {
    background: red;
    color: white;
    padding: 20px;
}

.header-content {
    display: flex;
    align-items: left;
    justify-content: left;
    gap: 15px;
}

.profile-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

h1 {
    margin: 10px;
    font-size: 40px;
}

nav {
    margin-top: 10px;
    align-items: right;
    flex-direction: column;
}

nav a {
    color: white;
    text-decoration: none;
    margin:15px;
    font-size: 15px;
}

section{

    padding:20px;

}

.project{

    border:1px solid gray;

    padding:10px;

    margin-top:10px;

}

button{

    padding:20px;

    background-color:green;

    color:white;

    border:none;

    cursor:pointer;

}

button:hover{

    background-color:green;

}

.project{

    border:1px solid gray;

    padding:10px;

    margin-top:10px;

}

name {
    width: 100px;
    height: 100px;
}