body {
    background-color: hsl(180, 4%, 80%);
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 0%;
}

label {
    color: rgb(4, 70, 20);
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

.user-data {
    color: rgb(180, 47, 7);
}

#list-users {
    position: relative;
    margin-left: 20px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgb(218, 204, 14);
    font-size: large;
    text-decoration: solid;
}


#btn {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    color: rgb(252, 247, 247);
    box-sizing: border-box;
    border-radius: 8px;
    background-color: rgb(63, 119, 66);
    margin-left: 40px;
}

.select-content {
    text-align: center;
    background-color: rgb(190, 214, 241);
    font-size: 25px;
    font-weight: 300;
    font-style: italic;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    padding: 30px;
}

.result-content {
    text-align: center;
    background-color: rgb(197, 228, 154);
    font-size: 25px;
    font-weight: 300;
    font-style: italic;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    padding: 80px;
}

.header,
.footer {
    background-color: rgb(85, 99, 226);
    font-size: 40px;
    text-align: center;
    padding: 30px;
}