p1 {
      position:relative;
      top:-70px; /* Adjust the negative value to move it further up */
    }
 .image-border
 {
   border:6px solid #B0C4DE;
   padding:1px;
  border-radius:6px;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
 }
.my-section {
  border: 2px solid #333; 
  border-color:#060A32;
  border-radius: 3px;
  }

body {
  margin:15;
  padding:4;
  font-family:fantasy;
background-color:#1D1D63;
color:#333;
line-height:1.6;
}

.fade-in-text {
    /* Initially hide the text so the animation can run from the start */
    opacity: 0;
    /* Apply the animation: name, duration, timing, and fill mode */
    animation: fadeIn 2s ease-in-out forwards;
}

@keyframes fadeIn {
    /* Start with zero opacity */
    from {
        opacity: 0;
    }
    /* End with full opacity */
    to {
        opacity: 1;
    }
}