<commit_before>/* Table of Contents
Background
Body
Text
Colors
Layout
Animations*/

body {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	background-color: #00bfff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
a:link {
	color: #14c7de;
	text-decoration: none;}
a:visited {
	color: #01B0f0;}
a:hover {
	color: #AEEE00;
	text-decoration: underline;
}

h1 {
	text-align: center;
	letter-spacing: 15px;
	font-family: bad script;
  	font-size: 56px;
  	color: #000000;
}
h2 {
	text-align: center;
}
h3 {
	font-weight: bold;
}
h5 { }
h6 { }

p { 
	height: 75%;
	width: 75%;
	margin-left: 20px;
	padding-left: 20px;
	text-align: left;
	}

#newRainyDay {
  float:left;
  margin-right: 60px;
  width: 200px;
  vertical-align: super;
}

input {
	font size: 120%;
	color: 000000;
	background-color: 00bfff;
	border: 1px solid DeepPink;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	background-repeat: no-repeat;;
	background-position: 8px 9px;
	display: block;
	margin-bottom: 10px;
}

input: focus, input: hover {
	background-color: #00bfff;
	border: 1px solid DeepPink;
}

fieldset {
	width: 300px;
	margin: 20px;
	border: 2px solid DeepPink;
	border-radius: 10px;
	padding: 20px;
	text-align: left;
	font-family: jura;
	font-size: 16px;
}

legend {
	background-color: ffffff;
	margin: 20px;
	border: 2px solid DeepPink;
	border-radius: 10px;
	padding: 10px 20px;
	text-align: left;
	text-transform: uppercase;
}

table {
	width: 600px;
	margin: 20px;
	border: 5px solid DeepPink;
	border-radius: 80px 50px;
	padding: 30px;
	background-color: #ffffff;
}

th, tr, td {
	/*border: 2px dotted LightPink;*/
	padding: 5px;
}

.clear {
	clear: both;
}
.clearr {
	clear: both;
}

/*.plorum {
	float: left;
}*/

.tabRainyDay {
 /* text-align: center;*/
  float: right;
  vertical-align: super;
  font-family: jura;
  font-size: 14px;
}

.transdonut {
	position:fixed;
	top: -60px;
	left: -90px;
	z-index: -5;
	margin: 0px;
}

.spin1 {
  float: left;
  -webkit-animation-name: spinning;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
@-webkit-keyframes spinning {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.spin2 {
  float: right;
  -webkit-animation-name: spinning;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes spinning {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}

#footer {
	text-align: center;
	color: DeepPink;
/*	position: fixed;
	bottom: 0px;*/
}






<commit_msg>another good point in history. layout good, added hover transform to rotating donut animation<commit_after>/* Table of Contents
Background
Body
Text
Colors
Layout
Animations*/

body {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	background-color: #00bfff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
a:link {
	color: #14c7de;
	text-decoration: none;}
a:visited {
	color: #01B0f0;}
a:hover {
	color: #AEEE00;
	text-decoration: underline;
}

h1 {
	text-align: center;
	letter-spacing: 15px;
	font-family: bad script;
  	font-size: 56px;
  	color: #000000;
}
h2 {
	text-align: center;
}
h3 {
	font-weight: bold;
}
h5 { }
h6 { }

p { 
	height: 75%;
	width: 75%;
	margin-left: 20px;
	padding-left: 20px;
	text-align: left;
	}

#newRainyDay {
  float:left;
  margin-right: 60px;
  width: 200px;
  vertical-align: super;
}

input {
	font size: 120%;
	color: 000000;
	background-color: 00bfff;
	border: 1px solid DeepPink;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	background-repeat: no-repeat;;
	background-position: 8px 9px;
	display: block;
	margin-bottom: 10px;
}

input: focus, input: hover {
	background-color: #00bfff;
	border: 1px solid DeepPink;
}

fieldset {
	width: 300px;
	margin: 20px;
	border: 2px solid DeepPink;
	border-radius: 10px;
	padding: 20px;
	text-align: left;
	font-family: jura;
	font-size: 16px;
}

legend {
	background-color: ffffff;
	margin: 20px;
	border: 2px solid DeepPink;
	border-radius: 10px;
	padding: 10px 20px;
	text-align: left;
	text-transform: uppercase;
}

table {
	width: 600px;
	margin: 20px;
	border: 5px solid DeepPink;
	border-radius: 80px 50px;
	padding: 30px;
	background-color: #ffffff;
}

th, tr, td {
	/*border: 2px dotted LightPink;*/
	padding: 5px;
}

.clear {
	clear: both;
}
.clearr {
	clear: both;
}

/*.plorum {
	float: left;
}*/

.tabRainyDay {
 /* text-align: center;*/
  float: right;
  vertical-align: super;
  font-family: jura;
  font-size: 14px;
}

.transdonut {
	position:fixed;
	top: -60px;
	left: -90px;
	z-index: -5;
	margin: 0px;
}

.spin1 {
  float: left;
  -webkit-animation-name: spinning;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
@-webkit-keyframes spinning {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.spin2 {
  float: right;
  -webkit-animation-name: spinning;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes spinning {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }	
}
.spin2:hover  {
	    transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}


#footer {
	text-align: center;
	color: DeepPink;
/*	position: fixed;
	bottom: 0px;*/
}







{'fraction_non_alphanumeric': 0.14659779123619524, 'fraction_numerical': 0.048628428927680795, 'mean_word_length': 3.675270607826811, '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': '3571178', 'n_tokens_mistral': 2554, 'n_tokens_neox': 2261, 'n_words': 539}