/* ------ general settings start ----- */
html, body {
    min-width: 320px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    background-color: #dedada;
}
/* ------ general settings end ----- */


/* ------ main wrap start ----- */
main {
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
/* ------ main wrap end ----- */


/* ------ header, footer settings start ----- */
header, footer {
    width: 1000px;
    margin: 10px auto;
    padding: 10px;
    background-color: #fff;
}

footer {
    text-align: center;
    color: #828686;
    background-color: #fff;
}

/* ------ header, footer settings end ----- */


/* ------ params for block varian 1, varian 2 start ----- */
.var1, .var2 {
    min-width: 30%;
    max-width: 70%;
    position: relative;
}
/* ------ params for block varian 1, varian 2 end ----- */


/* ------ inputs params start ----- */
input, select {
    padding: 5px;
}

#inputnumber-first, #inputnumber-second{
    margin-bottom: 10px;
}
/* ------ inputs params end ----- */


/* ------ headers start ----- */
h1 {
    color: #3f953f;
    text-align: center;
}

h2 {
    color: #0f8b84;
    margin: 10px 0 5px 0;
}
/* ------ headers end ----- */


/* ------ button settings start ----- */
button#show {
    width: 100%;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid green;
    background-color: #5b9328;
    cursor: pointer;
    color: #fff;
}

button#show:hover {
    background-color: #fff;
    color: #5b9328;
}
/* ------ button settings end ----- */


/* ------ answers settings start ----- */
#answer-first, #answer-second {
    padding: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#answer-first {
    margin-bottom: 32px;
}
/* ------ answers settings end ----- */

/* ------ IMG settings start ----- */
#currencyImgOne, #currencyImgTwo{
    position: absolute;
    right: -200px;
}

#currencyImgOne {
    top: 0;
}

#currencyImgTwo {
    top: 36px;
}

/* ------ IMG settings end ----- */