body{
    background-color: rgb(50,97,82);
}
a {
  color: inherit;           
  text-decoration: none;     }
  p{
    margin-top: 0px;
    margin-bottom: 0px;
  }


.menu {
    color: rgb(220, 208, 168);
    background-color: rgba(62, 137, 112, 0.299);
    border-radius: 10px;
    width: 300px;
    margin-top: 40px;
    display: flex;
    align-content: center;
    position:fixed;
}
.words{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 35px;
    margin-top: 25px;
    margin-left: 15px;
}

.line {
    background-color: rgb(0, 40, 30); /* Solid greenish line */
    width: 7px;
    height:400px;
    border-radius: 3px;
}
html {
  scroll-behavior: smooth;
}
.web{
    display: flex;
    flex-direction: column;
}



.pages{
    margin-left: 300px;       
  color: rgb(220, 208, 168);
  height: 100vh;
}
.home-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.home-content{
 font-size: 15px;
 display: flex;
 content: center;
 margin-left: 100px;
}
.home-text{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 5px;
    font-size: 20px;
}
.home-line {
    background-color: rgb(0, 40, 30); 
    width: 5px;
    height:275px;
    border-radius: 3px;
}


.languages{
  height: 100vh;        
  padding: 40px;
  color: rgb(220, 208, 168);
}
.languages-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.languages-content{
 display: flex;
 content: center;
 margin-left: 100px;
}
.languages-text{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 5px;
    font-size: 25px;
}
.languages-line {
    background-color: rgb(0, 40, 30); 
    width: 5px;
    height:275px;
    border-radius: 3px;
}

.ps{
  height: 100vh;        
  padding: 40px;
  color: rgb(220, 208, 168);
}
.ps-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.ps-content{
 display: flex;
 content: center;
 margin-left: 100px;
}
.ps-text{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 5px;
    font-size: 25px;
}
.ps-line {
    background-color: rgb(0, 40, 30); 
    width: 25px;
    height:275px;
    border-radius: 3px;
}


.education-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.education-content{
 display: flex;
 content: center;
 margin-left: 100px;
}
.education-text{
    display: flex;
    flex-direction: column;
    margin-left: 5px;
    font-size: 20px;
    gap: 15px;
    margin-right: 20px;
}

.education-line {
    background-color: rgb(0, 40, 30); 
    width: 5px;
    height:275px;
    border-radius: 3px;
}
.subtitle{
    font-size: 30px;
    margin-bottom: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
}



.certificates-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.certificates-content{
 display: flex;
 content: center;
 margin-left: 100px;
}
.certificates-text{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 5px;
    font-size: 25px;
}
.certificates-line {
    background-color: rgb(0, 40, 30); 
    width: 5px;
    height:310px;
    border-radius: 3px;
}
.credly{
    margin-top: 20px;
    text-decoration:underline;
}



.skills-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.skills-content{
 display: flex;
 content: center;
 margin-left: 100px;
}
.skills-text{
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 10px;
    font-size: 25px;
    gap: 20px;
    
}
.skills-line {
    background-color: rgb(0, 40, 30); 
    width: 5px;
    height:275px;
    border-radius: 3px;
}


.projects-title{
    font-size: 20px;
    text-decoration: underline;
   text-decoration-color: rgb(0, 40, 30);
   margin-left: 150px;
}
.projects-content{
 display: flex;
 content: center;
 margin-left: 100px;
}