ÿþ.mymixblend_039{
	width: 400px;
	height: 400px;
	border:2px solid rgb(146, 50, 50);	
	background-image: url(juice.jpg);
	}	
.first{
	color:red;
	font-size:30px;
	margin: 0;
	}
.second{
	font-size:30px;
	margin: 0;
	color:rgb(15, 235, 180);
	margin-top:100px;
	margin-left: 5px;
	mix-blend-mode:color;
	/* normal | multiply | exclusion | overlay | lighten | darken | color-dodge | color-burn | hard-light | soft-light | difference | hue | saturation | color | screen | luminosity */
	}

.mybackgroundblen_038{
	width: 220px;
	height: 220px;
	border:2px solid black;			
	background-image: linear-gradient(to right,red,yellow), url(juice.jpg);
	background-blend-mode: screen;
	/* background-blend-mode: normal | multiply | screen | color-dodge | difference | darken | lighten | saturation | luminosity | overlay | hard-light | soft-light | exclusion | hue | color-burn | color;  */
	}	

.mybadkgroundorigin_037{
	width: 400px;
	height: 150px;
	padding: 25px;
	text-align: justify;
	border: 20px solid black;
	background-color: rgb(214, 160, 160);
	background-image: url(juice.jpg);
	background-repeat: no-repeat;
	background-size: 200px;
	background-origin: content-box;
	/* background-origin: padding-box | border-box | content-box | initial | inherit;			 */
	}
mybadkgroundorigin_a_037{
	margin: 0;
	}

.mybackground_036 {				
	/* background-image:url(IMAGE_PATH);	
	background-repeat: no-repeat | repeat | no-repeate | repeate-x | repeate-y | space | around ;
	background-position: right center | left center | left bottom | right top | right center | right bottom | left top | ;
	*/
	
	background-image:url(../images/juice.jpg);	
	background-repeat: no- repeat;
	background-position: 40% 10%;
	
	/* shorthand 
	background: gold url(../images/juice.jpg)  repeat right center;
	*/
	}
	/* font family  */
	/* @font-face {
				font-family: fontName;
				src: url(juice.jpg);
				font-stretch: font-stretch Property; | wide | narrow 
				font-weight: font-weight Property; | thickness
				font-style: font-style Property;  | italic |  bold
				} */
	/* Start with the font you want, and end with a generic family 						 */
.myfontfamily_a_035{
	font-family: openSans;
	}
.myfontfamily_b_035{
	font-family: openSans;
	}
.myfontfamily_c_035 {
  	font-family: "Times New Roman", Times, serif;
	}
.myfontfamily_d_035 {
  	font-family: Arial, Helvetica, sans-serif;
	}
.myfontfamily_e_035 {
  	font-family: "Lucida Console", "Courier New", monospace;
	}

.mygradient_a_034{
	width: 200px;
	height: 75px;
	padding:15px;
	border:3px solid black;	
	/* background-image: linear-gradient(direction, color-stop1, color-stop2, ...); */
		/*background: linear-gradient(-45deg,red,yellow,green,blue);*/
		/*background: linear-gradient(red,rgba(255,0,0,0.5));*/
	background:repeating-linear-gradient(to right,red,yellow 10%,green 20%);				
	}	
.mygradient_b_034{
	width: 200px;
	height: 75px;
	padding:10px;
	border:3px solid black;	
	/* background-image: radial-gradient(shape size at position, start-color, ..., last-color);  */
		/*background: radial-gradient(farthest-side at 50% 50%, red,yellow,green);*/
	background: repeating-radial-gradient(circle,red, yellow 50px, green 80px);	
	}
.myresize_033{
	border:1px solid black;
	background: papayawhip;
	text-align: center;
	width: 500px;
	height: 300px;
	overflow:auto; /* must include for using the property resize */
	resize:both;
	/* resize: none|both|horizontal|vertical|initial;				 */
	margin-bottom: 20px;
	}
.myopacity_a_032{
	width: 800px;
	height: 200px;
	padding:30px;
	margin-bottom: 15px;
	border:3px solid black;	
	background: Tan;
	opacity:0.5; /* 50% transparent */
	filter:alpha(opacity=50); /* for IE old versions */
	}	
.myopacity_b_032{
	width: 800px;
	height: 200px;
	padding:30px;
	margin-bottom: 15px;
	border:3px solid black;	
	background: rgba(180,0,0,0.4); /* only background transparent */
	}	
.myopecity_032{
	float:left;
	margin-right:15px;
	}
.mylinethickness_031{
	text-align: center;
	margin: 30px 0 10px 20px;
	text-decoration-line : underline overline;
	/* text-decoration-line : underline | overline | none; */
	text-decoration-color : red;
	text-decoration-style : solid;
	text-decoration-thickness : 10px;
	/* text-decoration-thickness: auto | font-file | length | percentage | global values;			 */
	}
.mycursor_030{
	border:1px solid black;
	background: papayawhip;
	text-align: center;
	width: 90px;
	height: 75px;
	float:left;
	margin: 0 10px 10px 0;
	}
.mycursor_030:nth-child(2n){
	background: rgb(110, 236, 110);
	}
.mycursor_030:nth-child(3n){
	background: rgb(230, 136, 150);
	}
.myunderlineoffet_029{
	text-align: center;
	text-decoration-line : underline;
	text-decoration-color : red;
	text-decoration-style : solid;
	text-underline-offset : 20px;
	/* text-underline-offset : -2px; */
	/* text-underline-offset: auto|<length>|<percentage>; */			
	}
.mygooglefont_028{
	font-family: 'Oswald', sans-serif;
	}
.mygooglefont_a_028{
	font-family: 'Open Sans', sans-serif;
	}
.myul_027{
	list-style-type:circle;
	list-style-image: url(../images/list.png);
	border:2px solid red;
	}
.myli_027{
	padding: 2px 0;
	}
.myol_027 {
	list-style-type:upper-alpha;
	list-style-position:inside;
	}		
.textOverflow_026{
	width:400px;
	border:2px solid black;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.myWhiteBox_025 {
	width:300px;
	border:2px solid black;
	white-space: normal;
	/* white-space: normal| nowrap| pre| pre-line| pre-wrap| break-spaces| initial| inherit; */ 
	}
.myShadow_024 {
	color:white;
	font-family:arial;
	font-size:80px;
	text-shadow : 2px 2px 1px red, 4px 4px 1px green,6px 6px 1px blue;
	/* text-shadow: h-shadow v-shadow blur-radius color| none | initial | inherit;    */
	}
.myWordWrap_023{
	width: 400px;
	border: 2px solid black;
	word-break: break-all;  
	/* keep-all is default, break the long word ,  */
	}
.myWordBreak_023{
	width: 400px;
	border: 2px solid black;
	word-wrap: break-word; 
	/* normal is default, break the long word, if required put the word in next line   */
	}
.myTextDecoration_h1_022{
	/* text-decoration-line: underline;
	text-decoration-color: green;
	text-decoration-style: wavy; */
	/*shorthand*/
	text-decoration: underline red wavy;
	}
.myTextDecoration_022{
	width: 400px;
	padding: 25px;
	border: 2px solid black;
	font-family: arial,helvetica;
	text-decoration-line: underline;
	}
.myTextFormatting_021{
	width: 400px;
	padding: 25px;
	border: 2px solid black;
	font-family: arial,helvetica;
	text-align: center;
	text-align-last: auto;
	text-transform: uppercase; 
	text-indent: 50px;
	word-spacing: 20px;
	letter-spacing: 10px;
	}
	/* body{
		font-size: 18px;
		font-weight: 600;
		} */
.myfonta_a_020{
	width: 400px;
	padding: 25px;
	border: 2px solid black;
	margin-bottom: 20px;
	/* font-size: 1em;
	font-family: arial;
	line-height: 35px;
	font-weight: normal;
	font-style: oblique;
	font-variant: small-caps; */
	
	/*shorthand*/
	font: bold small-caps normal 1em/35px arial,verdana;
	}
.myfonta_b_020{
	width: 400px;
	padding: 25px;
	border: 2px solid black;
	}
.myfonta_b_020 span{
	font-size: 2em;
	}
.myClearLeft_019{
	width: 600px;
	border: 2px solid black;
	background-color: pink;
	float: left;
	}
.myClearRight_019{
	width: 600px;
	border: 2px solid black;
	background-color: green;
	float: right;
	}
.myClear_019{
	width: 100%;
	border: 2px solid black;
	background-color: yellow;
    clear: both;  
	/* clear: left , clear: right */
	}
.myClearLeft_018{
	width: 600px;
	border: 2px solid black;
	background-color: pink;
	float: left;
	}
.myClearRight_018{
	width: 600px;
	border: 2px solid black;
	background-color: green;
	float: right;
	}
.myClear_018{
	width: 100%;
	border: 2px solid black;
	background-color: yellow;
	}
.myfloateLeft_1_017{
	border: 2px solid black;
	width: 500px;
	float: left;
	margin-right: 10px;
	background-color: grey;
	}
.myfloateLeft_2_017{
	border: 2px solid red;
	width: 500px;
	float: left;
	background-color: pink;
	}
.myfloateRight_017{
	border: 2px solid green;
	width: 200px;
	float: right;
	background-color: silver;
	}
.myShadow_016{
	width: 250px;
	height: 250px;
	margin: 20px 0 0 40px;
	border: 2px solid black;
	background-color: pink;
	box-shadow: 10px 10px 3px red inset;
	-moz-box-shadow: 10px 10px 3px red inset;
	-webkit-box-shadow: 10px 10px 3px red inset;
	}
.myRadius_015{
	width: 150px;
	height: 150px;
	border: 2px solid red;
	border-radius: 50%;
	background-color: pink;
	}
.myRadius_014{
	width: 300px;
	border: 2px solid black;
	padding: 25px;
	/* border-top-left-radius: 30px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 30px; */

	/*shorthand*/
	border-radius: 30%;

	/*shorthand with prefix*/
	/* -webkit-border-radius: 30px 50px;
	-moz-border-radius: 30px 50px; */
	}
.myOveryFlow_013{
	width: 250px;
	height: 250px;
	border: 2px solid black;
	overflow-x: scroll;
	}
.myBoxSizing_012{
	width: 200px;
	border: 30px solid black;
	padding: 30px;
	box-sizing: border-box;
	}
.myMaxWidth_011 {
	max-width: 100px;
	border:3px solid green;
	}
.myMinWidth_010 {
	min-width: 10px;
	border:3px solid blue;
	}
.myMaxHeight_009 {
	width: 700px;
	max-height:20px;
	border:3px solid red;
	}
.myMinHeight_008 {
	width: 700px;
	min-height:200px;
	border:3px solid red;
	}
.myHeightWidth_007 {
	width: 700px;
	height: 200px;
	border: 1px solid red;
	}
.mymargin_006 {
	margin: 0 0 50px; /* top right+left bottom */
	}
.mypadding_005 {
	padding: 20px 50px;	
	}
.myoutline_004 {
	outline: 4px dashed green;
	outline-offset: 2px; /* create gap in border and outline */
	border:2px solid red;
	}
.myborder {
	border-bottom: 3px solid red;
    border-top: 3px dashed green;
	}
h3 {
	color:blue;
	font-size:20px;
	}
.divbox{
	color:maroon;
	background:#FFEFD5;
	border:6px solid yellow;
	outline:1px solid maroon;
	margin-bottom:8px;
	padding:2px;
	}
.divbox h7{
	color:white;
	font-size:20px;
	background:#000000;
	}