.profile-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
  border: 0.2rem dashed #02744f;
}

.div-profile-img {
  padding-right: 2.5rem;
  
}

#main-section {
  display: flex;
  justify-content: space-around;
}

#text-main-section {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
  margin-right: 2rem;
}

#text-main-section > h2 {
    font-size: 30px;  
    background: linear-gradient(270deg, rgb(233, 233, 234) 0%, rgba(2,116,79,1) 100%, rgba(0,212,255,1) 100%);  
    background-clip: text;          
    -webkit-background-clip: text;      
    -webkit-text-fill-color: transparent;
    color: transparent;                   
  } 

#text-main-section > p {
  margin-top: 1rem;
}


/* plane */

#plane-svg:focus {
  outline: none;
}

/* plane */
.plane {
  position: absolute;
  top: 10%;
  left: -50;
  width: 40px;
  height: 40px;
  color: rgba(2,116,79,1);
  animation: fly 15s linear infinite;
  cursor: pointer;
  border: none;
  /* transition: transform 0.1s linear; */
}

/* .plane.control {
  animation: none;
} */



@keyframes fly {
  0% {
    transform: translate(0vw, 0px) rotate(0deg);
  }
  20% {
    transform: translate(20vw, -30px) rotate(8deg);
  }
  40% {
    transform: translate(40vw, 10px) rotate(-6deg);
  }
  60% {
    transform: translate(60vw, -20px) rotate(6deg);
  }
  80% {
    transform: translate(80vw, 15px) rotate(-4deg);
  }
  100% {
    transform: translate(100vw, 0px) rotate(-15deg);
  }
}