diff --git a/example.html b/example.html
index b2a3be6..f12c5b5 100644
--- a/example.html
+++ b/example.html
@@ -4,29 +4,31 @@
 	<meta charset="UTF-8">
 	<title>home</title>
 	<style>
-		body{background-color: #292929;}
+		body{background-color:#292929;}
+		@keyframes fadeInAnimation {0% {opacity:0;} 100% {opacity:1;}}
 		div{margin: 20px; padding: 10px;}
 		hr{border-top: 5px solid#c3c3c3; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; border-radius: 3px;}
-		h1		{color: #c3c3c3; font-family: Arial; font-size: 250%; text-align: center; letter-spacing:3px;}
-		h2		{color: #c3c3c3; font-family: Arial; font-size: 220%; text-align: center; letter-spacing:3px;}
-		h3		{color: #c3c3c3; font-family: Arial; font-size: 190%; text-align: center; letter-spacing:3px;}
-		h4		{color: #c3c3c3; font-family: Arial; font-size: 170%; text-align: center; letter-spacing:3px;}
-		h5	{color: #c3c3c3; font-family: Arial; font-size: 150%; text-align: center; letter-spacing:3px;}
-		h6		{color: #c3c3c3; font-family: Arial; font-size: 130%; text-align: center; letter-spacing:3px;}
-		code	{color: #c8c8c8; font-family: Courier New;}a		{text-decoration: None; color: #58748d; font-family: sans-serif; letter-spacing:0.7px;}
-		a:link,a:visited		{color: #58748d;}
-		a:hover	{color: #539899; text-decoration: ;}
+		h1{color: #c3c3c3; font-family: Arial; font-size: 250%; text-align: center; letter-spacing:3px;}
+		h2{color: #c3c3c3; font-family: Arial; font-size: 220%; text-align: center; letter-spacing:3px;}
+		h3{color: #c3c3c3; font-family: Arial; font-size: 190%; text-align: center; letter-spacing:3px;}
+		h4{color: #c3c3c3; font-family: Arial; font-size: 170%; text-align: center; letter-spacing:3px;}
+		h5{color: #c3c3c3; font-family: Arial; font-size: 150%; text-align: center; letter-spacing:3px;}
+		h6{color: #c3c3c3; font-family: Arial; font-size: 130%; text-align: center; letter-spacing:3px;}
+		code{color: #c8c8c8; font-family: Courier New;}
+		a{text-decoration: None; color: #58748d; font-family: sans-serif; letter-spacing:0.7px;}a:link,
+		a:visited{color: #58748d;}
+		a:hover{color: #539899; text-decoration:none;}
 		a:active	{color: #c3c3c3; background: #101010;}
-		p		{color: #c3c3c3; font-family: Helvetica; font-size: 100%; display: inline; text-indent: 100px; letter-spacing:0.7px; line-height:120%;}
-		ul		{list-style-type: square; font-family: Helvetica; color: #c3c3c3;}
-		ol		{font-family: Helvetica; color: #c3c3c3;}
-		table	{border: 2px solid #101010; font-family: Helvetica;}
-		th		{border: 0.5px solid #101010; font-family: Helvetica; color: #c3c0c3; font-weight: bold; text-align: center; padding: 10px;}
-		td		{font-family: Helvetica; color: #c3c3c3; text-align: center; padding: 2px;}
+		p{color: #c3c3c3; font-family: Helvetica;font-size: 100%; display: inline; text-indent: 100px; letter-spacing:0.7px; line-height:120%;}
+		ul{list-style-type: square; font-family: Helvetica; color: #c3c3c3;}ol{font-family: Helvetica; color: #c3c3c3;}
+		table{border: 2px solid #101010; font-family: Helvetica;}
+		th{border: 0.5px solid #101010; font-family: Helvetica; color: #c3c0c3; font-weight: bold; text-align: center; padding: 10px;}
+		td{font-family: Helvetica; color: #c3c3c3; text-align: center; padding: 2px;}
+		#div{animation: fadeInAnimation ease 0.3s; animation-iteration-count: 1;animation-fill-mode: forwards;}
 		#ul {list-style-type: none;margin:0;padding: 0;overflow: hidden;background-color: #333;}
 		#li {float: left;}
-		#li a {display: block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;}
-		#li a:hover {background-color: #111;}
+		#li a {display: block;color: white;text-align: center;padding: 14px 16px; text-decoration: none;}
+		#li a:hover{background-color: #111;}
 	</style>
 </head>
 <body>
