<commit_before>html, body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}


body{
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-color: black;
	background-position: center;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 100vw;
	max-height: 100vh;
	overflow: hidden;
}

.play{background: url('../img/play.png') ;}
.pause{background: url('../img/pause.png') ;}

#track-name{
	width: auto;
	height: auto;
	background: aliceblue;
	border-radius: 15px;
  	text-align: center;
	opacity: 0.75;
	padding: 2px 10px;
}


#player{
	width: 480px;
	height: 60px;
	background: rgba(77, 133, 222, 0.62);
	border-radius: 15px;
  	opacity: 0.5;
  	transition: all 0.5s;
  	transform: translateY(100%) translateY(-10px);
}

#wrapper{
  display: flex;
  height: 75px;
  overflow: hidden;
  transform: translateY(10px);
}

#player:hover {
  opacity: 1;
  transform: translateY(10px) ;
}

/* Play/Pause Button */
#pButton{
	height:60px;
	width: 60px;
	border: none;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	float:left;
}

#timeline{
	width: 382px;
	height: 20px;
	background: rgba(0,0,0,.3);
	margin-top: 20px;
	float: left;
	border-radius: 15px;
	display: flex;
}<commit_msg>Movement of player in case of  #47<commit_after>html, body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}


body{
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-color: black;
	background-position: center;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 100vw;
	max-height: 100vh;
	overflow: hidden;
}

.play{background: url('../img/play.png') ;}
.pause{background: url('../img/pause.png') ;}

#track-name{
	width: auto;
	height: auto;
	background: aliceblue;
	border-radius: 15px;
  	text-align: center;
	opacity: 0.75;
	padding: 2px 10px;
}


#player{
	width: 480px;
	height: 60px;
	background: rgba(77, 133, 222, 0.62);
	border-radius: 15px;
  	opacity: 0.5;
  	transition: all 0.5s;
  	transform: translateY(100%) translateY(-10px);
}

#wrapper{
  display: flex;
  justify-content: center;
  height: 75px;
  overflow: hidden;
  transform: translateY(10px);
}

#player:hover {
  opacity: 1;
  transform: translateY(10px) ;
}

/* Play/Pause Button */
#pButton{
	height:60px;
	width: 60px;
	border: none;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	float:left;
}

#timeline{
	width: 382px;
	height: 20px;
	background: rgba(0,0,0,.3);
	margin-top: 20px;
	float: left;
	border-radius: 15px;
	display: flex;
}
{'fraction_non_alphanumeric': 0.15867418899858957, 'fraction_numerical': 0.056417489421720736, 'mean_word_length': 4.093357271095153, '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': '6559628', 'n_tokens_mistral': 1281, 'n_tokens_neox': 1131, 'n_words': 260}