:root{
    --color--:linear-gradient(35deg, #F1BED0, #F1BED0, #DAC1F0);
}
body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: capitalize;
    background-image: url(./pexels-rodion-kutsaiev-9436715.jpg);
    background-size: cover;
    background-position: center;
}
.hero{
    width: 100%;
    padding: 70px 0px;
    background:linear-gradient(35deg, #E4DDF7, #E4DDF7, #DAC1F0);
}

p{
    text-transform: none;
    color:#044f66;
}
h1{
    font-weight: 700;
    color:#044f66;
}

h3{
    color:#044f66;
}

.todo-title-wrappper{
    height: 50px;
}

.task-btn{
    background: var(--color--);
    color:#f5f5f5;
    font-size: 18px;
    border: none;
}

.task-btn:hover{
    font-size: 19px;
}

.card{
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    font-size: 25px;
}

.card:hover{
    background: rgba(41, 41, 41, 0.1);
}

.card .btn{
    color: var(--color--);
    font-size: 20px;
}
.card .btn:hover{
    color: #fff;
}