*{ /*Hace un reset aplicado por el mismo navegador*/
   margin:0px;  
   padding:0px; 
   box-sizing: border-box; 
}

body{
    background: rgb(105,79,142);
    background: linear-gradient(90deg, rgba(105,79,142,1) 35%, rgba(227,165,199,1) 100%);;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
    color: #E3A5C7; 
    display: flex; 
    justify-content:center; 
}

.contenedor{
    max-width:80%;
    width:400px;
    height:600px;
    margin:0 auto;  
    padding: 40px; 
}

.encabezado{
    padding: 10px 0 5px 0; 
}

.agregar{
    background-color:#E3A5C7; 
    border-radius:15px; 
    height:70px; 
    display:flex; 
    align-items: center; 
    padding:10px;
    gap: 70px; 
}

.agregar input{
    width: 100%; 
    height: 100%; 
    border: none; 
    border-radius: 8px; 
    background: #debbce; 
    padding-left: 10px; /*No esté tan pegado a la cajita*/
}

.agregar input::placeholder{
    font-size:1.1rem; /*Medida por default de la letra en el proyecto*/ 
    color:#694F8E; 
}

.agregar i{
    font-size:40px; 
    color: #694F8E; 
}

.agregar i:hover{
    transform:scale(1.1); 
    cursor: pointer; /*Aparece la manita*/
}

.tareas h2{
    margin-bottom:20px; /*Se separó de los íconos de abajo*/
    /*color:#694F8E;*/
}

.tareas li{
    background-color: #E3A5C7;
    border-radius:15px; 
    padding:10px; 
    color: #694F8E; 
    margin: 5px 0; 
    display:flex;
    align-items:center; 
    justify-content: space-between; 
}

.tareas {
    font-size: 25px;
}

.tareas p{
    font-weight: 600;
}

.tareas i:hover{
    color:#B692C2; 
    cursor:pointer; 
}

.tachado{
    text-decoration: line-through; 
    color:#B692C2; 
}