/*Inicio de sesión*/
body{
    font-family: 'Raleway', sans-serif;
}

.logo-inicio-sesion {
    margin: 4%;
}

.logo {
    width: 30rem;
    height: 30rem;
}

.title {
    font-size: 3.3rem;
}

.inicia-sesion-h2 {
    font-size: 3rem;
    font-size: 2.5rem;
    margin: 2.5rem;
}

.iniciar-sesion-google {
    margin-top: 2.5rem;
}

.ingresar {
    width: 12rem;
    height: 4rem;
    cursor: pointer;
    margin: 2.5rem;
}
/*Registro*/

.containerRegister {
    display: grid;
    grid-template-columns: 500px 450px;
    padding: 1rem;
    place-content: center;
}

.section-inicio-sesion {
    margin-right: 7rem;
}

.fecha-nacimiento {
    width: 10rem;
}

/*Timeline-Muro*/

.contenedor-nav {
    justify-content: center;
}

.navbar {
    justify-content: right;
    width:100%;
    background-color:#35123C;
    position: inherit;
    display: none;
}

.navbar-desktop {
    display: inline-flex;
    justify-content: right;
    width:100%;
    background-color: #45174F;
    position: inherit;
    color: aliceblue;
    font-size: .8rem;
    text-decoration: none;
}

.li-navbar{
    padding: 1rem;
    font-size: 1.8rem;
    margin-right: 2rem;
    height: auto;
    background-color: #45174F;
}

.li-navbar:hover{
    transform: scale(.9);
    transition: .2s;
}

.li-navbar-logout{
    padding: 1rem;
    font-size: 1.8rem;
    margin-right: 2rem;
    height: auto;
    background-color: #45174F;
}

.li-navbar-logout:hover {
    transform: scale(.9);
    transition: .2s;
}

a:link { 
    text-decoration: none;
    color: aliceblue;
}

a:visited {
    text-decoration: none;
    color: aliceblue;
}

.user-logo-publicaciones {
    margin-right: 3rem; 
    width: 6rem;
}

.contenedor-publicaciones {
    text-align: end;
    justify-content: center;
    display: grid;
    grid-template-columns: 110px 375px;
    margin-top: 2rem;
}

.input-recomendaciones {
    padding: 1rem;
    width: 30rem;
}


.btn-publicar {
    margin: 1rem -1rem 2rem 0rem;
    width: 7rem;
    height: 3.5rem;
    font-size: 1.5rem;
    font-family: 'Raleway', sans-serif;
}

.btn-publicar:hover {

    background-color: #E6D8E9;
    color: #35123C;
}

/*Sección de posts publicados en timeline*/

.div-post-publicado {
    resize: none;
    width: 39rem;
    height: 12rem;

}

.btn-edit {
    width: 1.2rem;
}

.btn-delete {
    width: 1.2rem;
    margin-bottom: 1rem;
}

.contenedor-likes {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

/*Perfil*/

.datos-personales {
    text-align: center;
    padding: 1rem;
    font-size: 1.5rem;
}

.about-me {
    border-style: solid;
    border-width: 1.5px;
    border-radius: 10px;
    width: 25%;
    margin: auto;
    margin-top: 2rem;
}

.container {
    display: grid;
    grid-template-columns: 500px 450px;
    padding: 1rem;
    place-content: center;
}

.textArea {
    width: 30rem;
}