#main{
    background: yellow ;
    background-repeat: no-repeat;
    width: 700px;
    height: 500px;
    margin: 10px auto;
    border: black 1px solid;
    box-shadow: black 3px 3px 3px;
}

#ovl{
    width: 700px;
    height: 70px;
    background: #e8ad06 ;
    box-shadow: black 3px 3px 5px;
}
#game{
    width: 550px;
    float: left;
    height: 350px;
    margin: 20px;
/*    display: none;*/
}
#popup_demo {
    background: rgb(255, 193, 7);
    width: 600px;
    margin: 0 auto;
    height: 200px;
    position: relative;
    top: -450px;
    z-index: 100;
    font-size: 20px;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    box-shadow: 3px 3px 3px;
    display: none;
}
#popup_text{
    height: 150px;
    margin: 10px auto;
}
#kriz{
    float: right;
}
svg#obr{
/*    background: white;*/
};
.vj{}
.kola{
    cursor: pointer;
}
.kola:hover{
    stroke:red;
    
}

.but{
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin: 19px;
}
#hod{
    width: 630px;
    height: 50px;
/*    background:  white;*/
    background-size: cover;
    float: left;
/*    margin-top: 20px;*/
    margin-left: 30px;
    font-size: 21px;
    font-weight: bold;
}
#intro{
   width: 600px;
    height: 282px;
    background: #e8ad06 url(images/intro.png);
    background-size: cover;
    position: absolute;
    top: 105px;
    left: 148px;
    box-shadow: 3px 3px 3px;
/*    display: none;*/
    
}
#game2{
    width: 700px;
    height: 350px;
    
    display: none;
}