body {
background-color:#0F0F0F;
}

.pai {
display: flex;
justify-content: flex-end;
width: 100%;
border:1px;
border-radius: 0%;
}

  hr{
    width:300px;
    background-color: #808080;
    }

div lado {
width:1200px;
}

.lado {
      background-color:#1A1919;
display: flex;
width: 360px;
padding: 10px 0;
justify-content: center;
align-items: center;
border: 1px solid #808080;
border-radius:12px;
margin-top: 90px;
margin-right: 20px;
position: absolute;
top: 0;
}

.barra-lado {
margin-left:976px;
margin-top:-80px;
height:60px;
width:360;
  }
  
  .criar{
    background-image: url('')
    margin-bottom:300px;
    height:30px;
    width:340px;
    background-color:#1A1919;
    border-radius:12px;
    }
  
.perfils {
display: flex;
flex-direction: column;
align-items: center;
display: grid;
}

/*Agatha*/

.perfila {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease;
  border-radius: 20px;
  }

.perfila img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 5px;
    float: left;
  }
  
.perfila img:hover {
   transform: scale(1.025)
  }
  
/*Kemi*/
.perfilk {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease;
  border-radius: 20px;
  }

.perfilk img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfilk img:hover {
   transform: scale(1.025)
  }

/*Jae*/
.perfilj {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease;
  border-radius: 20px;
  }

.perfilj img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfilj img:hover {
   transform: scale(1.025)
  }
  
  /*Kaiser*/
  .perfil {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease;
  border-radius: 20px;
  }

.perfil img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfil img:hover {
   transform: scale(1.025)
  }
  
  /*Topo*/
  
header {
display: flex;
max-width: 1000px;
width:500px;
gap: 20px;
align-items: center;
}

  /*pesquisa do site*/
.barra {
display:flex;
justify-content: center;
  }
  
  .campo{
    background-color:#1A1919;
    width:640px;
    height:65px;
    margin-left:70px;
    margin-top: 20px;
    border: 1px solid #808080;
    border-radius:12px;
    }
    
    
  
.botao {
height:50px;
border-radius: 10px;
  }

.logo img {
  width: 80px;
  margin-left:30px;
  margin-top:20px;
}


.postagem{
  display;flex;
  }
  
  .post1{
    display:flex;
    
    background-color:#1A1919;
    width:860px;
    margin-left:50px;
    margin-top:40px;
    height:350px;
    border-radius:12px;
    
    
    }
    
   .um{
     margin-top:40px;
     margin:20px;
     border-radius:12px;
     width:320px;
     height:300px;
     }
     
     .umm{
     margin-top:40px;
     margin:20px;
     border-radius:12px;
     width:200px;
     height:300px;
     }
     
     .ummm{
     margin-top:40px;
     margin:20px;
     border-radius:12px;
     width:200px;
     height:300px;
     }
     
     
     .esc1{
        margin-top:5px;
        margin-left:30px;
        color: white;
       }