*,
html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
}

body {
    background: linear-gradient(to bottom right, rgb(3, 7, 18), rgb(17, 24, 39), rgb(3, 7, 18));
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
    color: #FFFFFF;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    padding: 2rem 7rem;
}

ul, ol {
    list-style: none;
}

button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    cursor: pointer;
}

a {
    text-decoration: none;
    color: inherit;
}

.hidden {
    display: none;
}

.task-completed {
    text-decoration-line: line-through !important; 
    color: #6a7282 !important
}

#project-completed {
    background-color: #00a63e;
    color: #7bf1a7;
}

#project-in-progress {
    background-color: #d08700;
    color: #ffdf20;
}