body {
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(./pictures/Background.png);
    color: #25213E;
}
.margin {
    margin: 5em;
}
.row {
    /*padaro, kad eilutėje esantys boxai būtų išdėlioti eilute*/
    display: inline-block;
}
.boxlight {
    width: 50px;
    height: 50px;
    background: url(./pictures/box_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark {
    width: 50px;
    height: 50px;
    background: url(./pictures/box_dark.png) no-repeat center center;
    background-size: contain;
}
.boxMarkedLight {
    width: 50px;
    height: 50px;
    background: url(./pictures/flag_yarn_light.png) no-repeat center center;
    background-size: contain;
}
.boxMarkedDark {
    width: 50px;
    height: 50px;
    background: url(./pictures/flag_yarn_dark.png) no-repeat center center;
    background-size: contain;
}
.bombLight{
    width: 50px;
    height: 50px;
    background: url(./pictures/bomb_light.png) no-repeat center center;
    background-size: contain;
}
.bombDark{
    width: 50px;
    height: 50px;
    background: url(./pictures/bomb_dark.png) no-repeat center center;
    background-size: contain;
}
.bab{
    width: 50px;
    height: 50px;
    background: green;
}
.boxLight0{
    width: 50px;
    height: 50px;
    background: url(./pictures/zero_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark0{
    width: 50px;
    height: 50px;
    background: url(./pictures/zero_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight1{
    width: 50px;
    height: 50px;
    background: url(./pictures/one_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark1{
    width: 50px;
    height: 50px;
    background: url(./pictures/one_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight2{
    width: 50px;
    height: 50px;
    background: url(./pictures/two_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark2{
    width: 50px;
    height: 50px;
    background: url(./pictures/two_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight3{    
    width: 50px;
    height: 50px;
    background: url(./pictures/three_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark3{
    width: 50px;
    height: 50px;
    background: url(./pictures/three_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight4{
    width: 50px;
    height: 50px;
    background: url(./pictures/four_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark4{
    width: 50px;
    height: 50px;
    background: url(./pictures/four_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight5{
    width: 50px;
    height: 50px;
    background: url(./pictures/five_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark5{
    width: 50px;
    height: 50px;
    background: url(./pictures/five_dark.png) no-repeat center center;
    background-size: contain;
}
.boxlight6{
    width: 50px;
    height: 50px;
    background: url(./pictures/six_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark6{
    width: 50px;
    height: 50px;
    background: url(./pictures/six_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight7{
    width: 50px;
    height: 50px;
    background: url(./pictures/seven_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark7{
    width: 50px;
    height: 50px;
    background: url(./pictures/seven_dark.png) no-repeat center center;
    background-size: contain;
}
.boxLight8{
    width: 50px;
    height: 50px;
    background: url(./pictures/eight_light.png) no-repeat center center;
    background-size: contain;
}
.boxDark8{
    width: 50px;
    height: 50px;
    background: url(./pictures/eight_dark.png) no-repeat center center;
    background-size: contain;
}
a{
    color:rgba(0, 0, 0, 0);
}
button{
    width: 340px;
    height: 180px;
    background-color: rgba(0, 0, 0, 0);
    color:rgba(0, 0, 0, 0);
    font-size: 4em;
    border: none;
    /*background-image: url(./Button.png);*/
}
button:active{
    transform: translateY(4px);
}
#button_easy{
    background-image: url(./pictures/Button_easy.png);
}
#button_easy:hover{
    background-image: url(./pictures/Button_easy_hover.png);
}
#button_medium{
    background-image:url(./pictures/Button_medium.png);
}
#button_medium:hover{
    background-image:url(./pictures/Button_medium_hover.png);
}
#button_hard:hover{
    background-image: url(./pictures/Button_hard_hover.png);
}
#button_hard{
    background-image: url(./pictures/Button_hard.png);
}