#application-heading {
    margin: auto;
    width: 95%;
    text-transform: uppercase;
    color: coral;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

section {
    margin: auto;
    width: 91%;
    border: 3px solid #77719876;
    padding: 12px;
    background-color: burlywood;
}

.finished-btn {
    background-color: coral;
    padding: 6px;
    color: aliceblue;
}

ol li {
    padding: 8px;
    text-transform: capitalize;
}

h3 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: aliceblue;
}

li{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

small,
label,
button {
    font-family: 'Courier New', Courier, monospace;
}

.finished-btn:hover {
    cursor: pointer;
    color: coral;
    background-color: aliceblue;
    transition: 0.2s;
}

.htmx-indicator{
    display:none;
}
.htmx-request .htmx-indicator{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
}

.htmx-request.htmx-indicator{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
}

.remove-htmx-indicator{
    display:none;
}
.htmx-request .remove-htmx-indicator{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
}

.htmx-request.remove-htmx-indicator{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
}


input[type=text] {
    border: 3px solid #555;
    padding: 8px 8px;
    border-radius: 5px;
    width: 80%;
  }

button{
padding: 8px;
}

hr {
    color: #f0f8ff;
}