fixed the ERRORS

Author: abishekaditya

css/mat1.css

@@ -6,7 +6,8 @@ html {
 }
 
 body {
-    margin: 0
+    margin: 0;
+    background-image:url("../images/parallax2.jpg");
 }
 
 article,
@@ -111,7 +112,9 @@ ul li {
 }
 
 .right {
-    float: right!important
+    float: right !important;
+    margin-top: 20px;
+    margin-right: 30px;
 }
 
 @font-face {
@@ -147,7 +150,8 @@ ul li {
 
 .section {
     padding-top: 1rem;
-    padding-bottom: 1rem
+    padding-bottom: 1rem;
+    width: 90%;
 }
 
 .row {
@@ -796,7 +800,7 @@ nav ul li:hover {
     width: 200px
 }
 body {
-    background-image: url("../images/white_wall.png")
+    background-image: url("../images/parallax2.jpg")
 }
 .sliding-middle-out {
     display: inline-block;
@@ -815,7 +819,7 @@ body {
 }
 .sliding-middle-out:hover:after {
     width: 100%;
-    background: #000;
+    background: #000
 }
 .avatar-frame1 {
     margin: 0 auto
@@ -1020,10 +1024,9 @@ i {
     margin-right: -0.75rem
 }
 .section {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
     background-image: url("../images/white_wall.png");
-    z-index: 3
+    margin:5%;
+        
 }
 .row {
     margin-left: auto;
@@ -1066,33 +1069,33 @@ i {
         left: auto;
         right: auto
     }
-
+    
     .row .col.m4 {
         width: 33.3333333333%;
         margin-left: auto;
         left: auto;
         right: auto
     }
-
+    
     .row .col.m6 {
         width: 50%;
         margin-left: 0
     }
-
+    
     .row .col.m9 {
         width: 75%;
         margin-left: auto;
         left: auto;
         right: auto
     }
-
+    
     .row .col.m12 {
         width: 100%;
         margin-left: auto;
         left: auto;
         right: auto
     }
-
+    
     .row .col.offset-m4 {
         margin-left: 33.3333333333%
     }
@@ -1104,30 +1107,30 @@ i {
         left: auto;
         right: auto
     }
-
+    
     .row .col.l6 {
         width: 50%;
         margin-left: auto;
         left: auto;
         right: auto
     }
-
+    
     .row .col.pull-l1 {
         right: 8.3333333333%
     }
-
+    
     .row .col.push-l1 {
         left: 8.3333333333%
     }
 
     .row .col.pull-l2 {
         right: 16.6666667%
     }
-
+    
     .row .col.push-l2{
         left: 16.6666667%
     }
-
+    
     .row .col.offset-l4 {
         margin-left: 33.3333333333%
     }
@@ -1443,3 +1446,54 @@ textarea.materialize-textarea {
 	padding-left: 1%;
 	padding-right: 1%
 }
+
+ul {
+    margin: 5px
+}
+ul li {
+    -webkit-transition: background-color .3s;
+    -moz-transition: background-color .3s;
+    -o-transition: background-color .3s;
+    -ms-transition: background-color .3s;
+    transition: background-color .3s;
+    float: left;
+    padding: 0
+}
+ul li:hover,
+ul li.active {
+    background-color: rgba(0, 0, 0, 0)
+}
+
+ul li a{
+       color: black;
+       text-transform: uppercase;
+}
+
+.rightnav{
+    float: right !important;
+    background-color: white;
+padding: 5px;
+width: 100%;
+}
+.rightnav ul{
+        float: right;
+
+}
+.fix {
+width: 100%;
+background-color: white;
+padding: 5px;
+position: sticky;
+top:0;
+z-index: 999;
+}
+
+.fix ul{
+    float: right;
+}
+.material-icons{
+    color:white;
+}
+.invert{
+    color: black;
+}