progress on website with new menu

website/dist/css/navstyle.css

@@ -37,8 +37,6 @@
     overflow: hidden;
 }
 
-
-
 /* Logo image and logo link (aka logo-container)*/
 .logo-container-small {
     margin-left: 5%;
@@ -68,6 +66,13 @@
     margin-right: 5%;
     position: relative;
     z-index: 3;
+    transition: 0.8s;
+}
+
+.listtoggle:hover {
+    color: rgb(29, 69, 105);
+    transition: 0.4s;
+    font-size: 6vh;
 }
 
 

website/dist/css/style.css

@@ -20,6 +20,10 @@ body {
     background-color: rgb(168, 212, 253);
 }
 
+.dev {
+    background-color: red;
+    text-align: center;
+}
 
 /* 
     This is the title div with a screenshot of the admin portal
@@ -35,7 +39,7 @@ body {
     align-items: center;
     justify-content: center;
     width: 90%;
-    padding: 4%;
+    padding: 2%;
     margin: 3%;
     margin-bottom: 0%;
     border-radius: 50px;
@@ -95,12 +99,19 @@ body {
     color: white;
     position: fixed;
     top: 90%;
-    left: 93%;
+    right: 7%;
     opacity: 0;
     cursor: default;
     transition: 0.5s
 }
 
+#backToTop:hover {
+    background-color: rgb(24, 43, 61);
+    width: calc(35px + 0.5vw);
+    height: calc(35px + 0.5vw);
+    transition: 0.2s;
+}
+
 @media only screen and (min-width: 999px) {
 
     .content, .title-wrapper {