* {
    padding: 0;
    margin: 0;
    font-family: "Wix Madefor Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

body {
    background-color: rgb(246, 234, 231);
    color: rgb(71, 63, 64);
}

#main .question {
    background-color: rgb(243, 224, 219);
    border-radius: 20px;
    padding: 20px;
}

#main .rc-btn {
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 15px 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    color: rgb(71, 63, 64);
}

#main .rc-btn:hover {
    background-color: rgb(96, 88, 89);
    color: white;
}

#main .rc-btn.rc-btn-red {
    color: white;
    background-color: rgb(214, 84, 107);
}

#main .rc-btn.rc-btn-red:hover {
    background-color: rgba(214, 84, 107, 0.75);
}

#main .rc-btn.rc-btn-block {
    width: 100%;
    max-width: 700px;
}

#main a.rc-btn.rc-btn-block {
    display: block;
    text-align: center;
    text-decoration: none;
}

#main .rc-input {
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 15px 20px;
    font-weight: 600;
    border: none;
    width: 100%;
    outline: 1px solid white;
}

#main .rc-input.invalid {
    outline-color: red;
}

#main .rc-input:focus {
    outline-color: rgb(96, 88, 89);
}

#main input.numerical::-webkit-outer-spin-button,
#main input.numerical::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#main input.numerical[type=number] {
    -moz-appearance: textfield;
}

#main .rc-checkbox {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

#main .rc-checkbox-label,
#main .rc-checkbox-label a {
    font-weight: 400;
    color: rgb(0, 0, 0);
}

#main .rc-checkbox-label a {
    text-decoration: underline;
}