*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.title {
    text-align: center;
    font-size: 36px;
    color: #31572C;
    margin-top: 20px;
    margin-bottom: 20px;
}

.navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color:#EEE5E9;
    color: #31572C;
    font-size: 18px;
    z-index: 1000;
}

 ul li a:link {
    color:#31572C;
    text-decoration: none;
}
ul li a:visited {
    color:#31572C;
    text-decoration: none;
}
ul li a:hover {
    color: #132A13;
}
.navbar_menu{
    display: flex;
    list-style: none;
    align-items: center;
    text-align: center;
}

.nav{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0 20px;
    height: 100%;
}

.nav-item{
    height: 100%;
    padding: 0 20px;
}

.title{
    text-align: center;
    font-size: 36px;
    color: #31572C;
}

.bodytext{
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 18px;
    color: #31572C;
    padding: 20px;
}

.media-container{
    display: flex;
    align-items: center;
    gap: 0 20px;
    padding-top: 5%;
    padding-bottom: 0;
    padding-left: 10%;
    padding-right: 10%;
    flex-grow: 1; 
}

.image{  
  max-width: 33%;
  width: 33%;         /* Keeps the image responsive */
  height: auto;
  padding: 20px; 
  border-radius: 10px;
}

.bodytext p {
  flex: 1;             /* Tells the text to fill the remaining available space */
}


.container p {
    text-align: center;
    font-size: 20px;
    color: white;
    margin: 10px 10%;
    font-family: 'Poppins', sans-serif;
}

.container1 p {
    text-align: center;
    font-size: 20px;
    color: #132a13;
    margin: 10px 10%;
    font-family: 'Poppins', sans-serif;
}


.footer {
    text-align: center;
    padding: 20px;
    background-color: #EEE5E9;
    color: #31572C;
    font-size: 14px;
}
body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100dvh; /* Takes up the full height of the screen */
}

.about p {
  text-align: center;
  font-size: 25px;
  color: #31572C;
  margin: 0 10%;
   /* Takes up the remaining space */
}
.about{
    flex-grow: 1; /* Takes up the remaining space */
}

.subtitle {
    text-align: center;
    font-size: 40px;
    color: #31572C;
    margin-top: 10px;
    margin-bottom: 10px;
}

.subtitle1{
    font-size: 30px;
    color: white;
    font-family: 'Poppins', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.container{
    display: flex;
    width: 100%;
    background-color: white;
}

.sectionitem{
    flex: 1;
    padding: 20px;
    text-align: center;
    background-color: #132a13;
    border-left: 2px solid #31572C;
    border-right: 2px solid #31572C;
    margin-top: 20px;

}


.link1:link {
    color:white;
    text-decoration: underline;
}
.link1:visited {
    color:white;
    text-decoration: underline;
}
.link1:hover {
    color: #85C29E;
}

.skills{
  
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin: 10px 40%;
    color: white;
}

.sectionitem h2{
    text-align: center;
    font-size: 30px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contact{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    color: #31572C;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
}


.link2 {
    color: #31572C;
    text-decoration: underline;
    text-align: center;
    font-size: 25px;
}

.contactinfo{
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 25px;
    color: #31572C;
    margin-left: 10%;
    margin-right: 10%;
    flex-grow: 1;
}

.contactinfo ul{
    list-style-type: none;
    gap: 20px;

}
.contactitem{
    text-align: center;
    font-size: 20px;
    color: #31572C;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 30px;
    margin-bottom: 30px;
    flex:1;
    display: flex;
}

.contactitem span{
    font-weight: bold;
    margin-right: 10px;
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
}