html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0;
	font-family: TTLimesSlab;
	overflow: hidden;
    background-image: url('pictures/background.jpg');
    user-select: none;
    -webkit-user-select: none;
}

body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#viewport{
	/*width: 1280px;
	height: 870px;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
    background: none;
}

.mm_text{
    margin: auto;
	color: yellow;
	vertical-align: middle;
    line-height: 1;
}

.number_text{
    margin-right: 1vw;
	color: yellow;
	vertical-align: middle;
    line-height: 1;
}

.menuimg{
    margin-left: -1vw;
    width: 8vh;
    height: 8vh;
    vertical-align: middle;
    -webkit-user-drag: none;
}

.setimg{
    margin-left: -1vw;
    width: 8vh;
    height: 8vh;
    vertical-align: middle;
    -webkit-user-drag: none;
}
.priceimg{
    margin-left: -1vw;
    /*width: 4%;
    height: 4%;*/
    width: 4vh;
    height: 4vh;
    -webkit-user-drag: none;
}

@media screen and (orientation: portrait){ /********* portrait *************/

    #play_menu{
        position: relative;
        margin:auto;
        padding:3vh;
        background-color: cyan;
        width: 95vw;
        font-size: 3.5vw;
        /*height: 55vh;*/
        text-align: center;
		border-radius: 5px;
    }

    #shop_menu{
        position: absolute;
        margin:auto;
        background-color: cyan;
        width: 90vw;
        font-size: 2.5vw;
       /* height: 80vh;*/
        text-align: center;
		border-radius: 5px;
        border: 3px solid;
        border-color: #fa6d20;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    }

    #fail_message{
        margin:auto;
        padding:5vh;
        width:90vw;
        height:60vh;
        vertical-align: middle;
        background-color: darkblue;
        color: white;
        font-size: 3vh;
        border-radius: 5px;
    }

    #headline{
        font-family: cursive, Impact, Haettenschweiler, sans-serif;
        font: italic bold;
        font-size: 3rem;
        color:red;
    }

    .mm_block{
        display: flex;
        border:5px solid rgba(0,0,0,0.3);
        border-radius:15px;
        padding:2px;
        margin:5px;
        background:linear-gradient(0,rgba(0,0,0,0.3),rgba(0,0,0,0.7));
        cursor:pointer;
        width: 80vw;
        /*height: 10vh;*/
        align-items: center;
        justify-content: center
    }
    .mm_block_special{
        position: absolute;
        bottom:0;
        border:10px solid rgba(54, 193, 248, 1);
        text-align: center;
        border-radius:25px;
        width: 90vw;
        /*height: 55vh;*/
        padding:-2px;
        margin:auto;
        background:linear-gradient(0,rgba(54, 193, 248, 0.8),rgba(0, 183, 255,0.9));
        cursor:pointer
    }

    #instruction{
    padding: 2vw;
    margin:auto;
    background-color: rgb(219, 216, 216);
    font-size: min(2.5vh, 5vw)/*2.5vh*/;
    vertical-align: middle;
    text-align: left;
    }

    #congratulations{
    margin:auto;
    padding:4.5vw;
    width:80vw;
    height:60vh;
    vertical-align: middle;
    text-align: center;
    background-color: darkblue;
    color: gold;
    font-size: 8vh;
    border-radius: 5px;
}

    #bonus_message{
        margin:auto;
        padding:5vw;
        width:80vw;
        height:50vh;
        vertical-align: middle;
        text-align: center;
        background-color: yellow;
        font-size: 10vh;
        border-radius: 5px;
    }

}
@media screen and (orientation: landscape){ /********* landscape *************/

    #play_menu{
        position: relative;
        background-color: cyan;
        margin: auto;
        padding:3vh;
        width: 80vw;
		/*height: 80vh;*/
        font-size:2.5vh;
        text-align: center;  
		border-radius: 15px;
    }

    #shop_menu{
        position: absolute;
        margin:auto;
        padding: 3vh;
        background-color: rgb(9, 223, 159);
        width: 70vw;
        font-size: min(2.5vh, 5vw);
       /* height: 55vh;*/
        text-align: center;
		border-radius: 5px;
        border: 3px solid;
        border-color: #fa6d20;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    }

    #fail_message{
        margin:auto;
        padding:5vh;
        width:50vw;
        height:50vh;
        vertical-align: middle;
        text-align: center;
        background-color: darkblue;
        color: white;
        font-size: 3vh;
        border-radius: 5px;
    }

    #headline{
        font-family: cursive, Impact, Haettenschweiler, sans-serif;
        font: italic bold;
        font-size: 3rem;
        color:red;
        -webkit-transform: rotate(-45deg); 
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mm_block{
		display: flex;
        border:2px solid rgba(0,0,0,0.3);
        border-radius:15px;
        padding:2px; 
        margin:5px auto;
        background:linear-gradient(0,rgba(0,0,0,0.3),rgba(0,0,0,0.7));
        cursor:pointer;
        width: 60vw;
		/*height: 10vh;*/
        align-items: center;
        justify-content: center
    }
    .mm_block_special{
        position: absolute;
        bottom: 0;
        border:10px solid rgba(54, 193, 248, 1);
        text-align: center;
        border-radius:25px;
        width: 500px;
        padding:-2px;
        margin:auto;
        background:linear-gradient(0,rgba(54, 193, 248, 0.8),rgba(0, 183, 255,0.9));
        cursor:pointer
    }

    #instruction{
    padding: 2vw;
    margin:auto;
    background-color: rgb(219, 216, 216);
    font-size: 3vh;
    vertical-align: middle;
    text-align: left;
    }

    #congratulations{
    margin:auto;
    padding:10vh;
    width:50vw;
    height:50vh;
    vertical-align: middle;
    text-align: center;
    background-color: darkblue;
    color: gold;
    font-size: 10vh;
    border-radius: 5px;
}

#bonus_message{
    margin:auto;
    padding:10vh;
    width:50vw;
    height:50vh;
    vertical-align: middle;
    text-align: center;
    background-color: yellow;
    font-size: 10vh;
    border-radius: 5px;
}

}