.wrapper {background: url(images/bg.png);}
main {position:relative;width: 1024px;height: 611px;margin: 0px auto 0px;overflow:hidden;}
.bg {width: 928px;height: 483px;position: absolute;top: 26px;left: 24px;}
@font-face { font-family: 'Roboto'; src: url(./fonts/Roboto-Regular.ttf); }

#element-1{top: 503px;left: 166px;}
#element-2{top: 503px;  left: 572px;}

.element {
    position: absolute;
    border: 3px solid #FAD667;
    font-size: 38px;
    font-family: Roboto;
    text-align: center;
    line-height: 67px;
    color: #FFF;
    width: 285px;
    height: 81px;
    border-radius: 5px;
}

#task-1 {
    width: 100%;
    height: 180px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
    /* display:none; */
}

span {
    display: block;
    font-size: 24px;
    color: #093D4C;
    padding: 13px 0px 0px 31px;
}

.pict {
    width: 534px;    
    height: 377px;    position: absolute;    
    top: 94px;    
    left: 250px;
    background-color: #000;
}

.bad {
    background-color: #D70D3C;
}

.ok {
    background-color: #3A8B0A;
}