body {
    display: block;
    width: 50%;
    background-color: rgb(245, 248, 245);
    margin: 7% auto 0 auto;
    color: rgb(34, 44, 29);
}

header {
    text-align: center;
    margin-bottom: 7%;
}

main {
    display: block;
    width: 100%;
}

main form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

main form input {
    display: block;
    font-size: large;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgb(93, 99, 90);
}

main form input:first-child {
    width: 75%;
}

main form input:nth-child(2) {
    width: 20%;
    border-color: rgb(154, 184, 154);
    background-color: rgb(207, 230, 207);
    transition: 0.2s ease-in-out;
}

main form input:nth-child(2):hover {
    width: 20%;
    border-color: rgb(214, 233, 214);
    background-color: white;
}

main div {
    margin-top: -20px;
    text-align: center;
    font-size: medium;
    font-size: large;
}

main #example {
    display: block;
    margin: -75px auto auto 5px;
    color: gray;
}

main #response {
    margin-top: 60px;
}

main .showedRequest {
    width: 70%;
    margin: 40px auto 30px 0px;
    text-align: left;
    padding: 15px 20px;
    background-color: rgb(207, 230, 207);
    border-radius: 20px;
}

main .active {
    width: 70%;
    margin: 20px 0px auto auto !important;
    text-align: right;
    padding: 15px 20px;
    background-color: rgb(207, 230, 207);
    border-radius: 20px;
}

footer {
    display: block;
    position: absolute;
    bottom: 25px;
    width: 50%;
    text-align: center;
}

footer a {
    color: rgb(16, 85, 16);
}

footer a:hover {
    color: rgb(0, 0, 0);
    text-decoration: none;
    font-style: italic;
}