<commit_before>@media screen
{
	html, body
	{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	div.keyboard
	{
		/* Frame of the keyboard. */
		width: 90%;
		height: 80%;
		padding: 4% 0% 4% 4%;
		border-radius: 10px; /* Nice rounded corner. */
		background-color: black; /* That's for browsers not supporting gradients. */

		/* Now look at this messs. */
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
		background: -webkit-linear-gradient(#000, #555);
		background: -o-linear-gradient(#000, #555);
		background: -moz-linear-gradient(100% 100% 90deg, #555, #000);
	}

	div.key
	{
		/* Common properties of keys. */
		position: relative;
		float: left;
		margin: 0px;
		padding: 0px;
		border: solid 2px #303030;
		border-radius: 4px;
		background: solid white;
	}

	div.key p
	{
		/* Caption of the key should be displayed at the bottom. */
		position: absolute;
		width: 100%;
		bottom: 5%;
		margin: 0px;
		padding: 0px;
		font-size: 80%;
		text-align: center;
	}

	div.white.key
	{
		width: 4.5%;
		height: 90%;
		z-index: 1;
		background: white;
		color: black;
	}

	div.black.key
	{
		width: 3%;
		height: 60%;
		margin: 0px -2% 0px -2%;
		z-index: 2;
		background: black;
		color: white;
	}

/*/ div.key:hover, /* This is just for debugging. */
	div.pressed.key
	{
		border-color: #eff;
		background: #cef;
		color: black;
	}
}<commit_msg>[css] fixed alignment of keyboard<commit_after>@media screen
{
	html, body
	{
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	div.keyboard
	{
		/* Frame of the keyboard. */
		height: 90%;
		margin: 1%;
		padding: 5% 0% 0% 10%;
		border-radius: 10px; /* Nice rounded corner. */
		background-color: black; /* That's for browsers not supporting gradients. */

		/* Now look at this messs. */
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
		background: -webkit-linear-gradient(#000, #555);
		background: -o-linear-gradient(#000, #555);
		background: -moz-linear-gradient(100% 100% 90deg, #555, #000);
	}

	div.key
	{
		/* Common properties of keys. */
		position: relative;
		float: left;
		margin: -2px;
		padding: 0px;
		border: solid 2px #303030;
		border-radius: 4px;
		background: solid white;
	}

	div.key p
	{
		/* Caption of the key should be displayed at the bottom. */
		position: absolute;
		width: 100%;
		bottom: 5%;
		margin: 0px;
		padding: 0px;
		font-size: 80%;
		text-align: center;
	}

	div.white.key
	{
		width: 6%;
		height: 90%;
		z-index: 1;
		background: white;
		color: black;
	}

	div.black.key
	{
		width: 4%;
		height: 60%;
		margin: 0px -2.5% 0px -2.5%;
		z-index: 2;
		background: black;
		color: white;
	}

/*/ div.key:hover, /* This is just for debugging. */
	div.pressed.key
	{
		border-color: #eff;
		background: #cef;
		color: black;
	}
}
{'fraction_non_alphanumeric': 0.16113074204946998, 'fraction_numerical': 0.05759717314487633, 'mean_word_length': 2.9483960948396093, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4243375', 'n_tokens_mistral': 1331, 'n_tokens_neox': 1069, 'n_words': 308}