* {
     box-sizing: border-box; 
  }
  body{
    background-image:url(strip-background.jpg);
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    font-style: italic;
    padding:10px;
    margin: 10px;
    text-align:center;
    position:center;

  }

h1{
   /* background:pink;  */
   border: 1px; 
  font-size:100px;
  color:white;
  
}

h2{
  /* background:pink;  */
  border: 1px; 
  font-size:30px;
  color:white;
  
}




/* .grid{
  display: flex;
   flex-wrap: wrap; 
  align-items:flex-end;
  justify-content: left;
}  */



.return{ 
  border:2px dooted pink;
  height:400px;
  width: 100%;
  display:flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
  



/* .main{
  position: relative;
  margin:20px auto;
  height:200px;
  width:100px;
  display:flex;
  flex-wrap: wrap;
  justify-content: left;
} */

.avatar img{
  width:100%;
  height:auto;

}
.avatar{  
  /* background:blue; */
  margin:20px auto;
  height:auto;
  width:400px;
  position:relative;  
  /* top: 50%;
  right: 16px;

  height:50%; 
   width:100%; */
  /* display:flex; 
  align-content: center;
  align-items: center;
  justify-content: center;
  gap:10px; */
 }
 
 .draggable{
  z-index: 1;
 }

 .avatar .draggable{
  position: absolute;
  display: none;
 }

 .dress{
  width:226px;
  
 }

 .avatar .dress{
  bottom:98px;
  left:88px;
 }

 
 .croptop{
  width:110px;
  
 }

 .avatar .croptop{
  bottom:10px;
  left:-5px;
 }

 .shirt{
  width: 100px;
  
 }

 .avatar .shirt{
  bottom:90px;
  left:0px;
 }

 .pants{
  width:152px;
  /* height:80px; */
 }

 

 .avatar .pants{
  
  bottom: 51px;
  left:130px;
  
 }


 .cap{
  width:110px;
 
 }

 .avatar .cap{
  bottom:10px;
  left:-5px;
 }


 .hairstyle1{
  width:110px;
  
 }

 .avatar .hairstyle1{
  bottom:10px;
  left:-5px;
 }

 .hairstyle2{
  width:110px;
  
 }

 .avatar .hairstyle2{
  bottom:10px;
  left:-5px;
 }

 .deminskrit{
  width:110px;
  
 }

 .avatar .deminskrit{
  bottom:10px;
  left:-5px;
 }

 .jean{
  width:110px;
 
 }

 .avatar .jean{
  bottom:10px;
  left:-5px
 }