body {
	background-color: #e6e6e6;
}

.header {
			display: flex;
			margin: 0 auto;
			border-radius: 5px;
			display: flex;
			justify-content: flex-end;
			
		}

.headerbutton {
			background-color: #80aaff;
			font-size: 20px;
			text-align: center;
			border-radius: 5px;
			padding: 5px 5px;

		}

.headerbutton:hover {
			background-color: gray;
			cursor: pointer;
		}

.mainlayout {
			margin-left: 25%;
			margin-right: 25%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

		}

.mainbuttons {
			background-color: #80aaff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 30px;
			border-radius: 5px;
			margin: 10px;
			width: 400px;
			height: 80px;

		}

.mainbuttons:hover {
			background-color: grey;
			cursor: pointer;


		}

.others {
			text-align: center;
			font-family: sans-serif;
		}


.wordblock {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;

				
}

.alphabet {
			padding:5px;
			width: 100px;
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: beige;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			background-color: #80aaff;
			flex-grow: 1;
			border-style: solid;
			border-width: 1px;
			border-radius: 5px;

		}

.question {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}