:root {
    --main-big-color: antiquewhite;
    --line-color: #000;
    --main-border: solid 1px var(--line-color);
    --text-color: #999;
    --accent-color: orange;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

li {
    border-bottom: 1px dashed var(--line-color);
    display: block;
    min-height: 20px;
}

.inputs {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

button,
button:active,
button:hover {
    border-color: var(--line-color);
    color: var(--text-color);
}

.inputs button {
    border: none;
    font-size: large;
}

input[type="checkbox"] {
    accent-color: var(--accent-color);
}

input[type="text"] {
    background: none;
    border: none;
    color: var(--text-color);
}

input[type="text"]:active,
input[type="text"]:focus {
    background: none;
    border: none;
}

.container {
    padding: 0;
}

.main {
    padding: 15px;
    padding-top: 20px;
    border-radius: 15px;
    background-color: var(--main-bg-color);
    min-height: 92vh;
    border: var(--main-border);
}

p {
    text-align: center;
    color: var(--text-color);
    margin-top: 15px;
    margin-bottom: 15px;
}