body {
    font-family: sans-serif; /* Fuente del texto */
    margin: 0; /* Margen del body */
    padding: 0; /* Relleno del body */
    display: flex; /* Usa flexbox para centrar el contenido */
    justify-content: center; /* Centra horizontalmente */
    background-color: #f0f0f0; /* Color de fondo */
}

#container {
    display: flex; /* Usa flexbox para el contenedor principal */
    width: 1200px; /* Ancho del contenedor */
    background-color: white; /* Color de fondo del contenedor */
    min-height: 100vh; /* Altura mínima del contenedor para ocupar toda la ventana */
}

#sidebar-left, #content-main, #sidebar-right {
    padding: 20px; /* Espacio interior de los contenedores */
}

#sidebar-left {
    width: 200px; /* Ancho de la barra lateral izquierda */
    border-right: 1px solid #e6e6e6; /* Borde derecho */
}

#content-main {
    flex: 1; /* Hace que el contenido principal ocupe el espacio restante */
      border-right: 1px solid #e6e6e6; /* Borde derecho */
}

#sidebar-right {
    width: 300px; /* Ancho de la barra lateral derecha */
}

.sidebar-item{
    padding:10px;
    border-radius: 4px;
    display:flex;
    align-items:center;
    gap: 5px;
    cursor: pointer; /* Cambia el cursor cuando pasa por encima */
}

.sidebar-item:hover{ /* Estilo cuando el ratón pasa por encima de la opcion */
      background-color: #e6e6e6;
}

.tweet{
     padding:10px;
     margin-bottom: 10px;
    border-radius: 4px;
    background-color: #f0f0f0; /* Fondo de un tweet */
}

.tweet-header{
    display: flex;
    align-items: center;
    gap:10px;
}

.avatar{
    width: 30px;
    height: 30px;
    border-radius: 50%; /* Hace el avatar circular */
}

.user-suggestion{
    padding:10px;
    display: flex;
        align-items: center;
    gap:10px;
}

.user-suggestion  button{
     background-color: #e6e6e6;
     padding: 5px;
    border-radius: 4px;
    border: none; /* Quita el borde por defecto */
}

.trending-item{
  padding: 10px;
    border-bottom: 1px solid #e6e6e6; /* Borde inferior en los elementos de tendencia */
}