* {
    padding:0%;
    margin: 0%;
    text-align: center;
}

#buttons, #clock, #fields {
    padding: 10px;
    /* margin-bottom: 15px;
    border-radius: 15px;
    background-color: rgba(126, 89, 34, 0.548); */
}

.clock, .countdown, .stopwatch {
    padding-block: 5px;
    padding-inline: 5px;
    font-size: 20px;
    color: rgb(129, 35, 7);
    background: rgb(184, 124, 35);
    border-radius: 10px;
    border-color: rgb(129, 35, 7);;
}

.clock:hover, .countdown:hover, .stopwatch:hover {
    color: rgb(54, 18, 7);
    background-color: rgb(151, 90, 20);
}

.clock:active, .countdown:active, .stopwatch:active {
    background-color: rgb(104, 61, 12);
}

input {
    padding-block: 2px;
    padding-inline: 4px;
    font-size: 20px;
}

.h, .min, .s {
    color: rgb(129, 35, 7);
    padding-bottom: 10px;
}

h1, h3, button, p, input {
    font-family: 'Unbounded', cursive;
    padding-bottom: 30px;
    color: rgb(54, 18, 7);
}

body {
    background: rgb(209, 134, 73)
}

footer {
    padding-top: 45px;
    color: rgb(54, 18, 7);
}