html, body{
    width: 100%;
    height: 100%;
    padding: 0;
    font-family: Verdana, sans-serif;
    margin: 16px auto;
    max-width: 800px;
    /*
    display: flex;
    align-items: center;
    justify-content: center;*/
}
input, textarea{
    width: 100%;
    font-size: 1.2em;
}

a{
    text-decoration: none;
    color: #ED6397;
}

a:hover{
    color: #b4516f;
}

.error{
    color: #f00;
    font-weight: bold;
    font-size: 0.8em;
}

.button{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ED6397;
    background-image: linear-gradient(to bottom, #ED6397, #b4516f);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    border: 1px solid;
    border-radius: 10px;
    padding: 8px 22px;
    font-size: 1.2em;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.main{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    /*background: #fffe0e;*/
}
.main form{
    padding: 10px 0;
    background-color: #fff;
    opacity: 0.9;
}
.label{
    display: block;
}

.info{
    font-size: 0.8em;
}
.star{
    color: #f00;
}

.cooker-img{
    width: 100%;
}

.header{
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}
.header.title{
}

.header.strong{
    font-weight: bold;
}
.column{
    float:left;
    width: 48%;
    margin-bottom: 20px;
}
.column:nth-of-type(1){
    padding-right: 2%;
}
.column:nth-of-type(2){
    padding-left: 2%;
}

.row{
    margin-bottom: 20px;
}

#image_error{
    color: #f00;
    font-size: 0.8em;
    font-style: italic;
}

.captcha-refresh-img{
    width: 16%;
}

.again-wrapper{
    margin-top: 40px;
    text-align: center;
}

.success-extra-info{
    margin: 40px 0;
}

.success-extra-image{
    text-align: center;
}

.success-extra-image img{
    width: 80%;
}

.footer{
    text-align: center;
}