diff --git a/index-style.css b/index-style.css
new file mode 100644
index 0000000..569429f
--- /dev/null
+++ b/index-style.css
@@ -0,0 +1,90 @@
+body {
+ padding: 0;
+ margin: 0;
+ font-size: 12px;
+}
+
+/*========================| BACKGROUND STYLES |========================*/
+
+#background-1{
+ position: fixed;
+ height:100%;
+ width: 100%;
+ clip-path: polygon(87% 0, 100% 0, 100% 98%, 0 100%, 54% 75%);
+ background-color:#042d70;
+}
+#background-2{
+ position: fixed;
+ height:100%;
+ width: 100%;
+ clip-path: polygon(67% 80%, 100% 0, 100% 100%, 0% 100%);
+ background-color:#0d47a5;
+}
+#background-3{
+ position: fixed;
+ height:100%;
+ width: 100%;
+clip-path: polygon(0 0, 26% 0, 19% 20%, 0 27%);
+ background-color:#042d70;
+}
+#background-4{
+ position: fixed;
+ height:100%;
+ width: 100%;
+ clip-path: polygon(0 0, 21% 0, 18% 19%, 0 26%);
+ background-color:#0d47a5;
+}
+
+
+/*=========================| List Style And Positioning |=========================*/
+
+
+ol{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top:50%;
+ transform: translateY(-50%);
+}
+ol li{
+ position: absolute;
+ list-style-type: none;
+ display: inline-block;
+ text-align: center;
+ padding:3em 1em;
+ margin:auto 2.5%;
+ width:25%;
+ letter-spacing: 8px;
+ transform: translate(-50%,-50%);
+ background-image:linear-gradient(to bottom,#3c7ee8,#95BEB6);
+ border:2px solid #8eb2ed;
+
+ border-radius: 25px;
+ transition: all .5s;
+}
+
+ol li a{
+ text-decoration: none;
+ font-weight:bold;
+ padding: 1.5em;
+ font-size: 24px;
+ color: #dedfe0;
+}
+
+ol li:nth-child(1){
+ top:10%;
+ left:50%;
+
+}
+ol li:nth-child(2){
+ top:40%;
+ left:30%;
+
+}
+ol li:nth-child(3){
+ top:70%;
+ left:15%;
+}
+ol li:hover{
+ transform:translate(-50%,-50%) scale(1.2,1.2);
+}
diff --git a/index.html b/index.html
index 3ad4f84..c68fe7f 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,15 @@
Web Development
+
+
+
+
+
+
+
- Snake Game
- Assignments