body {
    background: #eee7daff;
}

h1 {
    padding-bottom: 1%;
    padding-top: -3%;
}

.wrap-div {
    background: #eede9cff;
    width: 45%;
    margin: 7% auto 4%;
    padding: 4%;
    text-align: center;
    border-radius: 30px;
    /*border: 6px solid #595C56;*/
} 

footer {
    background: #eede9cff;
    width: 45%;
    margin: 2% auto 2.5%;
    padding: 1em;
    text-align: center;
    border-radius: 30px;
    /*border: 6px solid #595C56;*/  
}

.parent {
    margin-top: 6px;
}

#profile {
    font-size: 18px;
    display: flex;
    justify-content: space-around;
}

ul {
    display: inline-block;
    text-align: left;
    list-style-type: none;
}

.task-element {
    background: #e8c869ff;
    padding: 0.6em 6em 0.6em 1.25em;
    margin: 0.85em;
    border-radius: 9px;
}

li {
    margin-bottom: 7px;
    font-size: 18px;
}

.add-task {
    background: #e6b74bff;
    padding: 0.91em;
    border: none;
    border-radius: 9px;
    border: 0.5px solid #b57200ff;
}

button:active {
    background: #e0d4a6ff;
    transition: background 0.01s;
}

.icon-button {
    background: #e6b74bff;
    border-radius: 9px;
    border: 0.5px solid #b57200ff;
}

input[type=text] {
    border: 1px light grey;
    padding: 0.9em;
    margin-right: 0.7em;
    border-radius: 9px;
    width: 30%;
}

.top-nav {
    background: #E9BF5F;
    width: 30%;
    margin: 2.5% auto 3.8%;
    padding: 0.75em;
    border-radius: 30px;
}