diff --git a/hello.css b/hello.css
new file mode 100644
index 0000000..248173d
--- /dev/null
+++ b/hello.css
@@ -0,0 +1,37 @@
+* {
+ margin: 0;
+}
+.hello_world {
+ width: 100%;
+ height: 100vw;
+ background-color: yellow;
+ animation-name: example;
+ animation-duration: 10s;
+ animation-iteration-count: infinite;
+}
+.hello_world h1 {
+ animation: animatename 1s linear infinite;
+ /* animation shorthand */
+ animation: animation-name animation-duration animation-direction
+ animation-iteration-count;
+ animation-duration: 10s;
+}
+
+@keyframes example {
+ from {
+ background-color: red;
+ }
+ to {
+ background-color: yellow;
+ }
+}
+@keyframes animatename {
+ 0% {
+ transform: translateY(100vw);
+ }
+ 100% {
+ transform: translateY(0vw);
+ }
+}
+
+/* The element to apply the animation to */
diff --git a/hello.html b/hello.html
index d254c90..b5fcafc 100644
--- a/hello.html
+++ b/hello.html
@@ -1,9 +1,15 @@
+
Hacktoberfest
+
+
- Hello World
+
+
Hello World
+
+
\ No newline at end of file