@charset "utf-8";

body {
   margin:0;
   font-family: "Hiragino Sans",  "Noto Sans JP" , sans-serif;
   background-color: aqua;
   overflow-x: hidden;
   color: white;
    
  

      background-image:url(back.png);
      background-size: 400px;
      width: 390px ;
      height:844px;
      background-repeat:no-repeat;
      background-position:center;
      
  }
 
 
  header.profile-header {

     display:flex;
     justify-content: space-between;
     align-items: center;
     background: -o-linear-gradient(to right, #c9b6f0, #a0e3f2);
     padding:20px;
     border-bottom-left-radius: 50px ;
     border-bottom-right-radius: 50px;
     color: white;
     position:relative;
     margin-top: 20px;

      

    }
  

    .avatar {

    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right:15px;
    border: 2px soild white;

    } 
    
    
    .info h2{

     margin:0;
     font-size: 20px;
     color: #62b1ff;
    }

    .tags span {
     display:flex;
     justify-content:center;
     background: white;
     color: #232cd7;
     width:40px;
     border-radius: 20px;
     padding: 10px 10px;
     font-size: 6px;
     margin-right: 10px;
     margin-top:-30px;

    }

    .favorite { 
     align-items:center;
     height: 100px;
     border: 1px solid #a0e3f2;
      position: absolute;
    right: 0;
    top: -70px;
    }
    .profile-left {
      display: flex;
      margin-top: 80px;

    }
    .main {
      margin-top: 2em;
    }
    
    
    
    .post_botan.png{

    width:100px;
    height:100px;
    border-radius: 50%;
    border:2px solid white;
    object-fit: cover;
    margin-top: 3em;

    }

    .favorite text{

      color: #594ef2;
      margin-top: 5px;
      font-size: 14px;
    } 

   

    
   main p{

      background: rgba(0, 0, 0, 0.3);
      display:inline-block;
      padding: 10px 30px;
      border-radius: 20px;
      font-size: 14px;
   }

   main img{

   margin-right: 0;
   }
   
   main div{

    display:flex
   }
   jelly-images{

    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -50px;


  
   }

  .icons {

    display:flex;
    justify-content:space-around;
    margin-top: -30px;


  }

  display:flex;