body{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background-image: url(../images/bg-pattern-top.svg);
      font-family: var(--font-family);
      background-repeat: no-repeat;
      background-color: var(--Darkcyan);
}
:root{
   --Darkcyan: hsl(185, 75%, 39%);
   --Verydarkdesaturatedblue: hsl(229, 23%, 23%);
   --Darkgrayishblue: hsl(227, 10%, 46%);
   --Darkgray: hsl(0, 0%, 59%);
   --font-family: 'Kumbh Sans', sans-serif;
}

.attribution { font-size: 11px; text-align: center;
 }
    .attribution a { color: hsl(228, 45%, 44%); }
    #img-1{
      width: auto;
      height: auto;border-radius: 15px 15px 0px 0px;
    }
.cointer1{
background-color:white ;
padding-bottom: 20px;
margin-bottom: 30px;
border-radius: 0px 0px 15px 15px;

}
.cointer1 p{
   font-size: 18px;
   font-weight: 700;
}
.cointer1 span{
   color: var(--Darkgray);
   font-size: 15px;
   margin-left: 8px;
}
#img-2{
   width: auto;
   height: auto;
   border-radius: 100px;
   border: 3px solid white;
   margin-top: -55px;
}
.cointer1 hr{
   size: 5px;
   color: var(--Darkcyan);
  

}
.inner{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   justify-content: space-between;
   margin: 20PX;
}
.inner1{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   justify-content: space-between;
   margin-top: -25px;
   padding: 0px 20px;

}