html {
font-size: 10px;
font-family: "Nunito", serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
background-color: #a9c4de;
}

body {
margin: 0;
padding: 0;
}

h1 {
font-size: 50px;
text-align: center;
letter-spacing: 5px;
margin: 0;
color: white;
background-color: #4d4c60;
padding: 15px 0;
}

nav {
display: flex;
justify-content: center;
background-color: #4d4c60;
}

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

.info {
display: flex;
align-items: center;
justify-content: center;
background-color: white;
max-width: 900px;
margin: 20px auto;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.info p {
color: black;
}

.resumeinfo {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 900px;
margin: 20px auto;
padding: 20px;
}

.resumeinfo h2 {
font-size: 32px;
text-align: center;
}

.resumeinfo p {
padding-left: 30px;
text-align: left;
color: black;
font-size: 17px;
display: block;
}

.resumeinfo-text {
display: flex;
flex-direction: column;
padding-left: 10px;
}

.resumeinfo h3,
.resumeinfo p {
margin: 0;
}

.currentactivity, .past-jobs {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.currentactivity h3, .past-jobs h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #4d4c60;
}

.currentactivity p, past-jobs p {
  font-size: 16px;
  color: black;
  line-height: 1.6;
  margin: 10px 0;
}

.past-jobs .job {
  font-size: 18px;
  margin-bottom: 5px;
  color: #4d4c60;
}

.past-jobs p {
margin: 0;
padding-left: 10px;
}

.job-content {
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: 10px;
}

.job-logo {
height: 125px;
width: auto;
}

.job-content p {
margin-bottom: 45px;
}

.job-content p, .job-content h4 {
  color: black;
  font-size: 16px;
  line-height: 1.6;
}

.job-content h4 {
margin: 0;
 font-size: 18px;
  color: #4d4c60;
}

.job-content h5 {
font-size: 13px;
margin-top: 0;
margin-bottom: 2px;
}

.imageflex {
display: flex;
align-items: center;
gap: 20px;
}

.profile-image {
width: 350px;
height: 350px;
border-radius: 8px;
object-fit: cover;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.resumepath {
max-height: 40%;
height: auto;
width: 150px;
border-radius: 4px;
}

.levainlogo {
height: auto;
width: 120px;
border-radius: 4px;
}

.bhcc img {
height: 120px;
width: auto;
}
.imagecontent {
max-width: 60%;
}

.imageflexcontent p {
font-size: 16px;
color: black;
line-height: 1.6;
margin: 0 0 10px;
}

p {
font-size: 20px;
text-align: center;
letter-spacing: 1px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 3px;
color: white;
}