@import url('https://fonts.googleapis.com/css2?family=Sansita:wqht9400;700&diplay=swap');
body{
	background-color:#FFFFFF;
	font-family:"Gabriola";
	font-size:70px;
}

#ejemplo1{
		border:solid;
		background-color:#FFE0E0;
		padding: 100px 100px 100px 200px;
		border-radius:50px;
		margin:75px;
		
		
}
.Moonly{
	font-family:"ERAS BOLD ITC";
	border:solid;
	background-color:#FFE2E2;
	border-radius:20px;
	padding:20px;
	margin:70px;
}
input{
	background-color:#FFE2E2;
	height:60px;
	width:80%;
	border-radius:20px;
}

 h5{
	padding:5px;
	margin:10px;
}
.cuenta{
	font-family:"gabriola";
	font-size:30;
	border:solid;
	background-color:#FFE2E2;
	border-radius:20px;
	padding:20px;
	margin:70px;
}
.sesion{
	font-family:"gabriola";
	font-size:30;
	border:solid;
	background-color:#FFE2E2;
	border-radius:20px;
	padding:20px;
	margin:70px;
}

select{
	border:solid;
	background-color:#FFE2E2;
	border-radius:10px;
	padding:25px;
	margin:50px;
}
/*paginaprincipal*/

.tabs{
	font-family:"gabriola";
	font-size:30;
	border:solid;
	background-color:#FFE0E0;
	border-radius:20px;
	padding:10px;
	margin:0px;
}
.grafica {
    margin: 50px auto;
    width: 600px;
    height: 600px;
    background: conic-gradient(
        #f7c6ce 0deg 120deg,
        #d0f0d0 120deg 240deg,
        #fff1b2 240deg 360deg
    );
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
        }
.grafica-texto {
     background: white;
     border-radius: 50%;
     width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    font-size: 30px;
    color: #333;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
        }
.registrarperiodo{
	border:solid;
	background-color:#FFE2E2;
	border-radius:80px;
	padding:10px;
	margin:180px;
	font-size:45px
	
}
 .emociones {
  margin: 10px 0;
  }
        .emociones span {
            font-size: 70px;
            margin: 5px 5px;
            cursor: pointer;
        }
        .intereses {
            background-color: #ffe8ed;
            padding: 25px;
            border-radius: 55px 55px 0 0;
        }
.intereses {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
.cuadr {
            background-color: white;
            width: 220px;
            border-radius: 10px;
            padding: 15px;
            box-shadow: 8px 2px 5px rgba(0,0,0,0.1);
            text-decoration: none;
            color: #333;
            font-size: 16px;
        }
.cuadr img {
            width: 50%;
            border-radius: 10px;
        }
		
 body {
            font-family: Arial, sans-serif;
            background-color: #fff6f8;
            margin: 0;
            padding: 0;
            text-align: center;
			border:5px;
			size:10px;
        }
        header {
            background-color: #f7c6ce;
            padding: 0px;
            color: white;
            font-weight: bold;
            border-bottom: 2px solid 

        }
        .mes {
            font-size: 90px;
            color: #555;
        }
        .dias {
            display: flex;
            justify-content: space-around;
            padding: 10px;
            color: #777;
        }
header {
    display: flex;
    justify-content: flex-end; 
    align-items: center;       
    padding: 0px;     
    width:100%;	
}

header .barra img {
    width: 149px;     
    height: auto;    
    border-radius: 30px; 
}
.texto{
	font-family:"ERAS BOLD ITC";
	border:solid;
	background-color:#FFE2E2;
	border-radius:20px;
	padding:20px;
	margin:20px;
	font-size:25px;
	
}
.acciones{
	font-size:30px;
	margin:0px;
	padding:0px;
}
.bot {
	border:solid;
	background-color:#FFE2E2;
	border-radius:80px;
	padding:10px;
	margin:180px;
	font-size:45px
	
}
publicacions{
	background: white;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 30px;
    color: #333;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}