#header{
    border: 3px solid rgb(41, 144, 41);
    background-color: rgb(138, 202, 138);
}
#header p {
text-align: center;

}

h1 {
list-style-type: none;
display: flex;
flex-direction:row;
justify-content: center;
gap: 40px;
font-size: 20px ;
font-family:monospace;
}

#about-me-box {
  display: flex;
  flex-direction: column;
  align-items: left; /* centers image and text horizontally */
  padding: 20px;
  color: green;
}

#about-me-box p {
  text-align: left;
  max-width: 200px;
  margin-top: 20px;
}

img {
margin-right:auto;
width: 200px;
border-radius: 8px;
}

section{
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-right:auto;
}

#app-1 {
position: absolute;
top:20%;
border: 5px solid pink;
}
#app-2 {
position: absolute;
top:40%;
border: 5px solid rgb(84, 225, 232);
}

#app-3 {
    position: absolute;
top:65%;
border: 5px solid rgb(84, 232, 109);
}

ul{
  list-style: none;  
}