#skills {
    /* position: relative; */
    display: block;
}
.heading {
    text-align: center;
    font-size: 2.5em;
    font-family: "Sarala", sans-serif;
    font-weight: 400;
    color: #E9E5D6;
    margin-bottom: 24px;
    margin-top: 24px;
}

.section-border {
    border: #E9E5D6 solid 2px;
    padding: 24px;
    border-radius: 15px;
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0px 0px 5px #000;
}

.intro-txt {
    max-width: 500px;
    font-size: large;
    font-family: "Sarala", sans-serif;
    font-weight: 400;
    line-height: 2.0;
    color: #E9E5D6;
}
.skills-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

#skills ul {
    display: flex;
    width: 250px;
    flex-wrap: wrap;
    list-style: none;
}

#skills ul li {
    padding: 15px;
}

#skills ul li img {
    border: none;
}

#skills ul li a {
    text-decoration: none;
    color: #E9E5D6;
    font-style: italic;
}

#skills ul li div {
    display: none;
}

#skills {
    position: relative;
}
#skills h4 {
    font-size: 1.6em;
}

#skills a div p {
    font-size: 1.2em;
}
#skills a:hover div { 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: 400px; 
    text-align: center;
    width: 700px; 
    font-family: "Sarala", sans-serif;
} 
.education, .experience, .volunteer {
    color: #E9E5D6;
}