:root{
    --color-primario: #140c12;
    --color-secundario: #74250e;
    --color-bg: #a55248;
    --bg: #2a090a;
    --text-size: 1.5rem;
    ---color-text: #d58d78;
}

body{
    font-family: "Open Sans", sans-serif;
    background-color: var(--bg);
    height: 100vh;
    color: var(---color-text);
    display: flex;
    justify-content: center;
}

.contenedor{
    max-width: 80%;
    width: 400px;
    height: 600px;
    margin: 0 auto; 
    padding: 40px;
    background-color: var(--color-secundario);
    border-radius: 10px;
}

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

.agregar{
    background-color: var(--color-primario);
    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-color: var(---color-text);
    padding-left: 10px;
}

#input::placeholder{
    font-size: 1.1rem;
    color: var(--color-text);
}

.agregar i {
    font-size: 45px;
    color: var(---color-text);
}

.agregar i:hover {
    transform: scale(1.1);
    cursor: pointer;
}

/* Sección tareas*/
.tareas h2{
    margin-bottom: 20px;   
}

.tareas{
    font-size: 25px;
}

.tareas li{
    background-color: var(--color-bg);
    border-radius: 15px;
    padding: 10px;
    color:var(--bg);
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tareas i:hover{
    color:var(---color-text);
}

.tachado {
    text-decoration: line-through;
    color: var(---color-text);
}