class to id

src/sass/css/style.scss

@@ -178,7 +178,7 @@ h4 {
 /* Sidenav TEST
     ------------------------------------------------------------------------ */
 
-.menuToggle {
+#menuToggle {
     display: block;
     position: fixed;
     top: 20px;
@@ -186,11 +186,11 @@ h4 {
     z-index: 1;
 }
 
-.menuToggle a {
+#menuToggle a {
     transition: color 0.3s ease;
 }
 
-.menuToggle input {
+#menuToggle input {
     display: block;
     width: 40px;
     height: 32px;
@@ -202,7 +202,7 @@ h4 {
     z-index: 2;
 }
 
-.menuToggle span {
+#menuToggle span {
     display: block;
     width: 33px;
     height: 4px;
@@ -217,30 +217,30 @@ h4 {
         opacity 0.55s ease;
 }
 
-.menuToggle span:first-child {
+#menuToggle span:first-child {
     transform-origin: 0% 0%;
 }
 
-.menuToggle span:nth-last-child(2) {
+#menuToggle span:nth-last-child(2) {
     transform-origin: 0% 100%;
 }
 
-.menuToggle input:checked~span {
+#menuToggle input:checked~span {
     opacity: 1;
     transform: rotate(45deg) translate(-2px, -1px);
     background: #ffffff;
 }
 
-.menuToggle input:checked~span:nth-last-child(3) {
+#menuToggle input:checked~span:nth-last-child(3) {
     opacity: 0;
     transform: rotate(0deg) scale(0.2, 0.2);
 }
 
-.menuToggle input:checked~span:nth-last-child(2) {
+#menuToggle input:checked~span:nth-last-child(2) {
     transform: rotate(-45deg) translate(0, -1px);
 }
 
-.menu {
+#menu {
     position: fixed;
     margin-top: 0;
     padding-top: 100px;
@@ -256,17 +256,17 @@ h4 {
     transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
 }
 
-.menu li {
+#menu li {
     padding-right: 20px;
     padding-bottom: 50px;
     font-size: 22px;
 }
 
-.menu li label {
+#menu li label {
     cursor: pointer;
 }
 
-.menuToggle input:checked~ul {
+#menuToggle input:checked~ul {
     transform: none;
 }