h1 {
	font-size: 3em;
	color: red;
	font-family: Cursive;
	text-align: Center;
	border: 1px double blue;
	transition: color 1s ease-in-out, border 1s ease-in-out, background-color 1s ease-in-out, transform 1s ease-in-out;
}
h1:hover {
  transform: scale(1.035);
	color: blue;
	border: 1px double red;
	background-color: #D4D4D4;
}

html {
background-image: 	url("data:image/jpeg;base64,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") ;
	transition: background-image 2s ease-in-out;
	background-size: 100% 100%;
	height: 100%;
}

html:hover {
background-image: 		   url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw4QEA8NDw0NDQ0NDQ0NDQ0PDQ8NDw0NFREWFhURFRUYHSggGBolGxUVITEhJSkrLi4uFx8zODMsNygtOCsBCgoKDQ0NDw0NDysZHxkrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAKgBKwMBIgACEQEDEQH/xAAaAAEBAQEBAQEAAAAAAAAAAAABAAIDBAUH/8QAJxABAQABAgYBBAMBAAAAAAAAAAECAxESITFBUXFhBKGx0YGRkhP/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AP1jFvFjFvFUdsXTFzxdMUHTF0jnidS7T3yFc8rvd/lQGA3GozGoDUWd2ijlrZdJ4BiEQiEwGCkwGAY1AYBVu3NOOpnv6AZZb80CCMBgKEQgSCCMBgGGCGAja5a2tjj169pOrwa2vll15TwD06/1nbD/AF+nitt5223yEqNYt4sYt4g7YumLni6YoOmLGplvfRyy2ny5QVqNRmNQG41GY1ANy25vPv3a1M9+XaMQGoRCITAYKTAYDRjLnnnvynT8gdTPtOn5YBEJBBGAwVQiECQQRgZ1NSYzn/E70HR5db6rtj/r9OOtrXL4nhyoC3fnedBCokkDWLeLGLeIO2LcrnuN90GrdzGY1BWo1GY1AbjGpn2n8s56naf2wBMEMBqEQiEwGClW7MZZsbg1lnv6AhERBAkEEokKSCBLGeUnOvNq61vKcp96Dtq/UScpzvntHkytvO86gqCqqqgAQCSQNRqViNxBqNRmNQGo1GYrn4FdN9mMs9/TBgGEQgYYIYDULNykYyzojrllIxllawQUMEMAwiEEQQJBBJM5ZyfoVtz1Nbbpzv2cc9S34nhkFllbzvNmkVUQIAVVVUACASSAxpmU7oOkXEwYDRghgGGCIVqFjiW4N8Q46wYIiCoSDAUMEMQMIhBFC5wGoMs5HO530xQaz1b6YVSgSQAUiggQAqqqoAEAkkChghgNGM7ncG4t2Nyg1xLcICQYCMBiiIIFRGIKGJARxCgVXIVKgFUqqCpVAEkAFIoIEAKqqqABAJJAiCChghgEggUkBMMxt6StTSvpBgus041JPAOMxrfA3QAkSQoopooCpVAFUqAVOy4aIzU1wrhUYTWy2BgV0CDGy2aFBnZbNMqANCgKDQCLvPpMu9k+7rj9JO9t9cgeOGPdjoYTtv75tySdJJ6FeLHSyva/h0n0972T7vTUg4zQnzfs3MJO0aQAECIEAqGtjMKDmnTgMxngVxPDXWoHL/meCNgGeGeEQIKCAFDVFBlU0KAEIBHZXEGQ3wiwGA3WaoyCAfWFIqKgQAqVQBJvHTt+Ac1Ju7TTntoHKafk8EbFAA0AAaKAqIAAoRlGigAQADcwvpqacBxMxrrshXLgOzVZoCstVkAzWmaIKzW5jb0P/LyDitq7bQUH0BSKKgWscPIMNTT8ukmxATGQpAAQADQoMhoAAQABQMotY6dvwDnVMbXfHSk+WqDjNLy1tI1RQZrLVZoCg0AzWa0zQFZarWnp3L15Bz2dMdHz/TtjhJ0/sUHPZiulc6DFZrVZoPoGYpA3JsUgSSBJIEKkAFSAUVIBRUgDU076KBvHCRpIFWakDNFSBms1IBQkDLNSB10tDfnenjy77JAxWEgYrnUgYrBQP//Z");
}

body {
	text-align: center;
}

.Heading {
	font-size: 2.5em;
	transition: color 3s;
	clear: both;
	margin-top: 100px;
	margin-left: 20px;
	color: #555;
	font-family: sans-serif;
	font-weight: bold;
	text-align: Center;
	transition: transform 2s ease-in-out,   background-color 2s ease-in-out, color 2s ease-in-out;
}

.Heading:hover {
	transform: scale(1.18);
	color: black;
	background-color: #EDEDED;
}

#Compacty {
	transition: transform 2s ease-in-out
}

#Compacty:hover {
	transform: scale(1.1)
}

.Image {
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 15px;
	transition: transform 2s ease-in-out
}

.Image:hover {
	transform: scale(1.09);
}

.Para {
	font-family: Courier New;
	font-size: 19.5px;
	font-weight: 550;
	padding: 15px;
	border: solid red 1px;
	transition: Background-Color 1s ease-in-out;
}

.Para:hover {
	Background-Color: #D3D3D3
}

#Iphone {
	margin-bottom: 50px;
}

#Sum {
	margin-top: 100px;
	margin-bottom: 200px;
	text-align: Center;
	font-family: Monospace;
	font-size: 18.2px;
	border: 1px dashed red;
}

#Comp {
	padding: 50px;
}

#Etele {
	padding: 25px;
}

#Flip {
	padding: 50px;
}

#Smartp {
	padding: 77px;
}

button {
	margin-bottom: 200px;
	border-radius: 7px;
	background-color: #3498db;
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s, transform 			0.2s;
}

button:hover {
	background-color: #e74c3c;
	transform: translateY(-2px);
}