SergeyRasubaev_PIbd-21_IP_Rasubaev_SM/5 lab/src/App.css

.return a
{
    margin-left:auto;
    font-size: 20px;
    height: 44px;
    width: 180px;
    vertical-align:middle;
    background-color:#000000
}
.home {
  height: 100%;
}
    
    .filters {
      background-color: #000000;
    position: -webkit-sticky;
   position: sticky;
   top: 0;
    height: 100vh;
  }
.text-center{
	margin-right:auto;
	margin-left:auto;
	}
  .background
  {
    background-color: #CDECDE;
  }
  @media (max-width: 700px){
    .list-group
    {
      width: 250px;
    }
      .chat
      {
        height: 60vh;
        overflow: auto;
      }
      .list-group button
      {
        font-size: 12px;
      }
}
@media (max-width: 300px){
  .list-group a 
  {
    font-size: 10px;
  }
  .list-group h6
  {
    font-size: 10px;
  }
  
  .list-group .postImage img
  {
    width: 100px;
    height: 100px;
  }
  .list-group img 
  {
    width: 20px;
    height: 20px;
  }
  
  .list-group button
  {
    font-size: 6px;
  }
}
.list-group 
{
  width:100%;
}
.text-left 
{
  margin-right:0px;
}
.blackback
{
  background-color: #000000;
}
.d-flex p
{
  margin-top: 5px;
}
.d-flex h4
{
  margin-left: 20px;
}
.return-text
{
  color:#fff;
}
.container {
  padding: 10px;
}

.scrollable {
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.chat
{
border:1px solid #333;
display:block;
width:100%;
height: 75vh;;
background:#FFFFFF;
color:#fff;
max-height:85vh;
overflow: auto;
}
.password-control {
	background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
  background-position: center;
}
.password-control.view {
  background-position: center !important;
	background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;
}
#image-preview {
  width: 200px;
  height: 200px;
}
.nickname-avatar p
{
  color:#FFFFFF;
}
  .message
  {
    margin-bottom: 5px;
    height: 100%;
    font-size:200%;
    background:gray; 
    border-radius: 10px; 
  }
  .messages
  {
    width: 50%;
  }
.input
{
font-family:arial;
font-size:16px;
vertical-align:middle;
background:#333;
color:#fff;
display:inline-block;
margin:1px;
height:30px;
}
.chat-form__input 
{
width:79%;
}
.chat-form__submit 
{
width:18%;
}
.dialog
{
  width: 100%;
}