body {
   font-family: Arial, sans-serif;
   line-height: 1.6;
   color: #333;
   margin: 0;
   padding: 0;
}

.profile-photo {
   position: absolute;
   top: 20px;    /* Distance from the top of the page */
   right: 20px;   /* Distance from the left of the page */
   width: 150px; /* Adjust the size of the photo */
   height: auto; /* Maintains the aspect ratio of the photo */
   border-radius: 50%; /* Optional: makes the photo circular */
   border: 3px solid #4CAF50; /* Optional: adds a border */
}

header {
   background-color: #4CAF50;
   color: white;
   padding: 1rem;
   text-align: center;
   margin-top: 100px; /* Ensures that the header is not hidden behind the photo */
}

nav ul {
   list-style-type: none;
   padding: 0;
}

nav ul li {
   display: inline;
   margin-right: 1rem;
}

nav ul li a {
   color: white;
   text-decoration: none;
}

section {
   padding: 2rem;
   border-bottom: 1px solid #ccc;
}

h1, h2 {
   color: #4CAF50;
}

footer {
   text-align: center;
   padding: 1rem;
   background-color: #f4f4f4;
}