button {
    display: inline-block;
    height: 200px;
    padding: 2px;
    margin: 2px;
    vertical-align: top;
    width: 400px;
}

#menu {
     background:url( images/menu.png );
		 background-size: 64px 64px;
		 height: 64px;
		 width: 64px;
		 padding: 0;
		 margin: 0;
		 border: none;
		 position:absolute;
		 top:0;
		 right:0;
		 transform:scaleX(-1);
		 filter:invert(100%);
							  
}

html {
		background: url(images/bg.avif) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

div.transbox {
		display: flex;
		width: 100%;
		position: fixed;
		bottom: 10px;
		height: 100px;
		background-color: black;
		opacity: 0.6;
		box-shadow: 10px 10px 5px #888888;
		justify-content: center;
		align-items: center;
}

div.transbox p {
		opacity: 0.8;
		text-align: center;
		font-weight: bold;
		color: white;
		display: flex;
		justify-content: center;
}

body {
		margin: 0;
}

div.apps {
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		position: fixed;
		height: 200px;
		background-color: black;
		opacity: 0.6;
		display: none;
		table-layout: fixed;
}

div.apps span {
		display: table-cell;
		text-align: center;
}

#app {
		height: 128px;
		width: 128px;
		filter: invert(50%);
		top: 50%;
		padding: 30px;
}

#app:hover {
		filter:invert(100%);
}