:root 
{
	--theme: #1c4e2d;
    --bg:#0c0d10;
    --panel: #0a0a0a;
	--bn: #242424;
}


body{
	background-color: var(--bg);
}

.face{ 
	width:75%;
	height:50%;
	background-color: var(--panel);
	border: solid;
	border-color: #888;
	border-width:1px;
	margin-left:10%;
	overflow-y: auto;
	
	
}

.buttons_holder {
	margin-left:10%;
	display: flex;
}

.buttons_d {
	background-color: #37af61;
	padding: 1%;
	margin-right:1%;
	margin-top:1%;
}

.ms_bg{
	display:none;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.7);
}

.msbox{
	width:30%;
	height:12vw;
	margin:auto;
	background-color: white;
	margin-top:25vh;
}

.icon {
	display: inline-block;
	height: 150px;
	width: 150px;
	background-color: green;
	margin:10px;
	
}

.icon-text {
	white-space: normal;
	overflow-wrap: break-word;
	color:white;
	font-weight: bold;
	font-size:1em;
	margin:10px;
}	

.menu {
	background-color: #37af61;
	font-weight:bold; 
	color:white;
	width:100%;
	display:inline-block;
	margin-bottom:2%;
}



.btck{
	font-size:2em;
	margin-bottom:2%;
}

@media screen and (orientation:portrait) 
{
	@media (pointer:none), (pointer:coarse) {

		h2{
			font-size:6em;
		}
		
		.face{ 
		width:96%;
		height: fit-content;
		background-color: #1d202b;
		border: solid;
		border-color: #888;
		border-width:1px;
		margin-left:2%;
		
	
		}
		
	
		.icon {
			display: inline-block;
			
			width: 420px;
			height: 470px;
			background-color: green;
			margin:2%;
			
		}
	
		.icon-text {
			white-space: normal;
			overflow-wrap: break-word;
			color:white;
			font-weight: bold;
			font-size:3em;
			margin:10px;
		}	
	
		.buttons_holder {
			margin-left:2%;
			display: none;
		}
	
		.buttons_d {
			background-color: #37af61;
			padding: 1%;
			margin-right:1%;
			margin-top:1%;
			font-size:4em;
		}
	
		.ms_bg{
			display:none;
			position:absolute;
			left:0;
			top:0;
			height:100%;
			width:100%;
			background:rgba(0,0,0,0.7);
		}
	
		.msbox{
			width:80%;
			height:30vw;
			margin:auto;
			background-color: white;
			margin-top:25vh;
		}
		.menu {
			background-color: #37af61;
			font-weight:bold; 
			color:white;
			width:100%;
			display:inline-block;
			margin-bottom:2%;
		}
	
	
		.btck{
			font-size:5em;
			margin-bottom:2%;
		}
	
		#bt1{
			display:none;
			
		}
		.backB{
			font-size: 5em;
			margin: 3%;
		}

	}
}