<commit_before>/*
 * 
 *
 *
 */
body{
	position: relative;
    width: 100%;
    display: block;
    background: white;/* background color of app*/
}
.container{ /* main screen size*/
	width:400px;
}
.button{
	margin:10px 0;
	font-size:40px;
	color:#000000; /* center font color*/
	text-align: center;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3-4 */
  	border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */	
  	height: 60px; /* height for all three buttons on front page*/
	background: #00C9AD;/*default background color for buttons*/
}
#tagline{
	font-size: 26px;
	text-align: right;
	padding-right: 5px;
}

#homeimg{
	width:100%;
}

/*
.circle{
width:300px;
height:300px;

border-radius: 50%;
font-size:100px;
color:#fff; /* center font color
line-height:300px;
text-align:right;
padding-right: 20px;
background:#F0DE63; /*center circle color
}
*/
#buttonline{
	width:400px;
	clear:both;
}
#login{
	margin-right: 5px;
	width:195px;
	float:left;
}
#sign{
	margin-left: 5px;
	width:195px;
	float:right;
	/*background:red; /*sign in background color*/
}
#find{
	clear:both;
	width:400px;
	/*background:green; /*sign in background color*/
}
div a{display:block;}
a:hover{text-decoration: none;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}


/*font for app*/
@font-face{
font-family: myFirstFont;
src: url(/fonts/talldark.ttf);
}
div{
font-family: myFirstFont;
}<commit_msg>device screen media<commit_after>/*
 * 
 *
 *
 */
body{
	position: relative;
    width: 100%;
    display: block;
    background: white;/* background color of app*/
}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
.container{ /* main screen size*/
	width:480px;
}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
.container{ /* main screen size*/
	width:640px;
}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
.container{ /* main screen size*/
	width:640px;
}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
.container{ /* main screen size*/
	width:4800px;
}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
 .container{ /* main screen size*/
	width:768px;
}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
.container{ /* main screen size*/
	width:400px;
}
}


.button{
	margin:10px 0;
	font-size:40px;
	color:#000000; /* center font color*/
	text-align: center;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3-4 */
  	border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */	
  	height: 60px; /* height for all three buttons on front page*/
	background: #00C9AD;/*default background color for buttons*/
}
#tagline{
	font-size: 26px;
	text-align: right;
	padding-right: 5px;
}

#homeimg{
	width:100%;
}

/*
.circle{
width:300px;
height:300px;

border-radius: 50%;
font-size:100px;
color:#fff; /* center font color
line-height:300px;
text-align:right;
padding-right: 20px;
background:#F0DE63; /*center circle color
}
*/
#buttonline{
	width:100%;
	clear:both;
}
#login{
	margin-right: 1%;
	width:49%;
	float:left;
}
#sign{
	margin-left: 1%;
	width:49%;
	float:right;
	/*background:red; /*sign in background color*/
}
#find{
	clear:both;
	width:100%;
	/*background:green; /*sign in background color*/
}
div a{display:block;}
a:hover{text-decoration: none;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}


/*font for app*/
@font-face{
font-family: myFirstFont;
src: url(/fonts/talldark.ttf);
}
div{
font-family: myFirstFont;
}
{'fraction_non_alphanumeric': 0.17949386903208975, 'fraction_numerical': 0.04930863553352465, 'mean_word_length': 4.105193075898802, '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': '2184413', 'n_tokens_mistral': 1590, 'n_tokens_neox': 1433, 'n_words': 362}