#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: 300px;
    float: left;
    height: 300px;
    margin: 20px;
/*    display: none;*/
}
.prvek{
    stroke:black;
    stroke-width:5px;
};
svg#obr{
    background: white;
};
.vj{}
.kola{
    cursor: pointer;
}
#vzor{
    width: 250px;
    height: 250px;
    background: white  url(images/vzor.png);
    background-size: cover;
    float: left;
    margin-top: 40px;
    margin-left: 60px;
    box-shadow: 3px 3px 3px;
/*    display: none;*/
}
.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;
    
    
}
#game2{
    width: 700px;
    height: 350px;
    
    display: none;
}