@font-face {
    font-family: Acrom; /* Имя шрифта */
    src: url(fonts/Acrom.otf); /* Путь к файлу со шрифтом */
    
      font-family: AcromExtraBold; /* Имя шрифта */
    src: url(fonts/AcromExtraBold.otf); /* Путь к файлу со шрифтом */
  
       font-family: Roboto-Regular; /* Имя шрифта */
    src: url(fonts/Roboto-Regular.ttf); /* Путь к файлу со шрифтом */
    
    
     font-family: Roboto; /* Имя шрифта */
    src: url(fonts/Roboto-Light.ttf); /* Путь к файлу со шрифтом */
}
	  .follow{
        border-radius: 5px;
    background-color: rgb(80, 193, 78);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    border: 0;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    height: 32px;
    /*padding: 0px 60px;*/
    margin-bottom: 15px;
    cursor: pointer;
}
 
    .demo-icon2 {
        cursor: pointer;
    }

    .demo-icon3 {
        cursor: pointer;
    }

    .demo-icon4 {
        cursor: pointer;
    }

    audio {
        width: 271px !important;

    }

    .ava6 {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
    }
    
     .ava9 {
        width: 120px;
        height: 120px;
        padding: 10px!important;
        border-radius: 50%;
        object-fit: cover;
    }
    
    
    
        .ava10 {
        width: 70px;
        height: 70px;
        border-radius: 10%;
        object-fit: cover;
    }
        .ava15 {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
    }

    .leave_comm {
        padding: 0px;
        color: #fff;
        background-color: #9A0D0D;
        border-radius: 5px;
    }

     body {
       background-color: #E1E1E1;
      }
 
    .smiles {
        font-size: 16px;
    }

 
.chip.chip-md {
height: 42px;
line-height: 42px;
border-radius: 21px;
}
.chip.chip-md img {
height: 42px;
width: 42px;
}

.chip.chip-lg {
height: 52px;
line-height: 52px;
border-radius: 26px;
}
.chip.chip-lg img {
height: 52px;
width: 52px;
}	
 
<!--
	.ava5 {
	   width: 130px;
       height: 130px;
       border-radius:50%;
       object-fit:cover;
      margin-left: 30%;
      margin-top: 25px;
	}
    .ava4 {
	   width: 100px;
       height: 100px;
       border-radius:50%;
       object-fit:cover;
      margin-left: 30%;
      margin-top: 25px;
	}
    
    
    	.ava_small {
	   width: 30px;
       height: 30px;
       border-radius:50%;
       object-fit:cover;
  	           }
               
       	.ava_small1 {
	   width: 30px;
       height: 30px;
       border-radius:50%;
       object-fit:cover;
       color: #fff;
       background-color: #CF1616;
  	           }        
 
 video{
object-fit: inherit;
}
 
    .smiles {
        font-size: 16px;
    }
    	.smile {width: 35px;
           cursor: pointer;
          
    }
 
[contentEditable=true]:empty:not(:focus):before{
        content:attr(data-text)
    }
    
   .border{
            border-color:#B3AEAE;
            border-width: thin;
            border-style: solid;
            padding: 20px!important;
        }
        .border_sm{
            border-color:#B3AEAE;
            border-width: thin;
            border-style: solid;
            padding: 3px!important;
            border-radius:5px!important;
        }
   
    body {
        background-image: url(images/bg-6.jpg)!important;
        
    }
    
      .ava12 {
            width: 200px;
            height:200px;
            border-radius: 50%;
            object-fit: cover;
        }