body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
margin: 0;
padding: 20px;
}

.skill {
margin-bottom: 20px;
}

.skill-name {
margin-bottom: 5px;
font-weight: bold;
}

.skill-bar {
width: 100%;
background-color: rgba(32, 74, 77, 0.8);
height: 20px;
border-radius: 10px;
overflow: hidden;
position: relative;
}

.skill-fill {
height: 100%;
width: 0;
background: linear-gradient(90deg, rgb(37, 124, 117), rgb(65, 219, 206));
border-radius: 10px;
transition: width 1.5s ease-in-out;
}

#bars {
    margin: 10% 15% 10% 15%;
}

.sections {
    margin-top: 8%;
}