/* Comienzo */


.logo2{
    align-self: center;
   margin-top: 80px;
}


/* boton comenzar */

button {
    text-align: center;
    height: 40px;
    font-size: 110%;
    color: dimgray;
    background-color: lightblue;
    width: 200px;
    align-content: center;
    margin: auto;
    border-radius: 50px;
    margin-top: 22%;
    margin-bottom: 22%
    
}

.comienzo {
      margin:2rem 2rem 2rem 2rem;
    margin-top: -10%;
}




/*ingresar*/


.logo1 {
    
   margin-top: 80px;
}

.comienzo2 {
      margin:2rem 2rem 2rem 2rem;
    margin-top: 0%;
}


.form input{
    border-radius: 30px;
    background-color: white;
    width: 200px;
    height: 30px;
    margin-top: 10px;
    align-self: center;

}

.form .btn-ingresar {
    border-radius: 30px;
    background-color: white;
    width: ;
    height: 40px;
    margin: 10px;
  color: dimgray;
 font-size: 1rem;
    border-color: dimgray;
    
}

.form .btn-ingresar:hover{
background-color: dimgray;
cursor:pointer;
}

/* botoncillos de abajo de ingresar */

.form .btn-primario {
	border-radius: 30px;
    background-color: lightblue;
    font-size: 80%;
    text-align: center;
    line-height: 40%;
    border-color: white;
    padding: 10px 20px;
    text-decoration: none;
    margin: 80px;
    margin-left: 30%;
    margin:2rem 2rem 3rem 3rem;
  
        }

.form .btn-primario:hover{
background-color: lightblue;
cursor:pointer;
box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
}



#Registrarse{
    display: flex;
    flex-direction:row
    
}


    
    /* botoncillos de abajo de ingresar */


.buscador{
    border-radius: 30px;
}






/*-body-*/


.wrapper {
    overflow: visible;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-width: 375px;
    margin: 0 auto;
    background-color: white;
    
}

/*--contendor formato--*/
.contenedor {
     display: block;
    height: 100vh;
    max-width: 375px;
    background-color: dimgray
    
}


 
/*--header--*/

.segunda-parte{
    padding-top: 1px;
    margin:1rem 1rem 1rem 1rem;
  
}

h5{
    font-family: cursive;
    padding-top: 1px;
    margin:;
}


/*--header buscador--*/
/*--barra--*/
.nav-inicio {
    background-color: dimgray;
    width: 100%;
    max-width: 375px;
    height: 50px;
    color: white;
    display: block;
    position: fixed;
    top: 0;
}





/*--icono buscador--*/


.busqueda {
    width: 70px;
    height: 50px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
}



.logo {  
    margin:2rem 2rem 2rem 2rem;
    margin-top: 22%;
}

/*--barra buscador texto--*/


.nav-inicio input {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 16px;
    width: 70%;
    height: 20px;
    text-align: center;
    font-size:75%;
    margin-top:1rem;
    padding-top: auto;

}



/*--section fondo--*/

.content {

    padding-top: 1rem;
    margin:-2rem 1rem 1rem 1rem;
    width: 100%;
    display: block;
    background-color: paleturquoise;
    height:500px;
    max-width: 345px;
    position:relative;
    bottom: -45px;
    
}



/*--section contenido--*/
.fila1-inicio{
    padding-top: 1px;
    margin:1rem 1rem 1rem 1rem;
  
}



/*--texto h--*/
h2{
    font-family: 'Montserrat Subrayada', sans-serif;
    padding-top: 1px;
    margin:1rem 1rem 1rem 1rem;
}

h4{
    font-family: 'Cabin', sans-serif;
}
h6{
    font-family: cursive;
    padding-top: 1px;
    margin:;
}




/*--footer menu--*/

.footer-inicio {
    background-color: dimgrey;
    max-width: 375px;
    width: 100%;
    display: block;
    height: 55px;
    position: fixed;
    bottom: 0;
    z-index: 2;
    
}

.icono {
    width: 20%;
    height: 55px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    fill: white;
    background-size: 55%;
    cursor: pointer;
}

.icono a {
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.icono-off {
    opacity: .25;
}

.icono-inicio {
    background-image: url(../img/icono-inicio.svg);
}

.icono-notificaciones {
    background-image: url(../img/icono-notificaciones.svg);
}

.icono-perfil {
    background-image: url(../img/icono-perfil.svg);
}

.icono-buscar {
    background-image: url(../img/icono-buscar.svg);
}

.icono-noticias {
    background-image: url(../img/icono-noticias.svg);
}



/*--header--*/


.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
    width: 100%;
    height: 55px;
     margin:3rem 2rem 0rem 0rem;
    background-color: dimgray

    }


.left {
    border-radius: 15%
}

.left2 {
    border-radius: 15%
}

.right {
    border-radius: 15%
 
}



h1 { 
    text-align: right;
    font-size:75%;
}


/*-inicio-*/



.col-md-5 {
    text-align: left;
    margin:0rem 1rem 1rem -13rem;
    text-decoration-color: aquamarine;

}


/*-noticias-*/

.content3 {

    padding-top: 1rem;
    margin:-2rem 1rem 1rem 1rem;
    width: 100%;
    display: block;
    background-color: antiquewhite;
    height:75vh;
    max-width: 345px;
    position:relative;
    bottom: -45px;
    
}


/*perfil*/


.content4 {
    padding-top: 1rem;
    margin:-2rem 1rem 1rem 1rem;
    width: 100%;
    display: block;
    background-color: paleturquoise;
    height:150vh;
    max-width: 345px;
    position:relative;
    bottom: -100px;
    
}



.col-md-6 {
    text-align: left;
    margin:0rem 1rem 1rem 1rem;
    text-decoration-color: aquamarine;

}


.flex-container4 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
    width: 100%;
    height: 160px;
     margin:3rem 2rem 0rem 0rem;
    background-color: dimgray

    }

.content5 {
    padding-top: 1rem;
    margin:-2rem 1rem 1rem 1rem;
    width: 100%;
    display: block;
    background-color: paleturquoise;
    height:60vh;
    max-width: 345px;
    position:relative;
    bottom: -40px;
    
}


h3{
    font-family: cursive;
    padding-top: 1px;
    margin:;
    font-size: 13px;
    margin:1rem 1rem 1rem 3rem;
}