remove unused menu styles and save font families for future use in CSS files

Author: zesameri

css/font.css

@@ -1,3 +1,8 @@
+/* 
+  Saved font families for future use:
+  font-family: "Trebuchet MS", Helvetica, sans-serif;
+*/
+
 body {
   font-family: 'Roboto Slab', serif;
   line-height: 1.5;
@@ -33,12 +38,6 @@ dt {
   font-size: .75em;
 }
 
-.menu {
-  font-family: "Trebuchet MS", Helvetica, sans-serif;
-  letter-spacing: 2px;
-  font-size: 4vw;
-}
-
 .simple-link {
   color: inherit;
   text-decoration: none;

css/main.css

@@ -33,43 +33,6 @@ section {
   max-width: 70vw;
 }
 
-.menu {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  background-color: #222;
-}
-.menu > div {
-  display: flex;
-  flex-basis: calc(50% - 40px);
-  justify-content: center;
-  flex-direction: row;
-  margin: 20px;
-  background: #282C34;
-}
-.menu > div:nth-child(1) {
-  background:tomato;
-}
-.menu > div:nth-child(2) {
-  background: lightsalmon;
-}
-.menu > div:nth-child(3) {
-  background: plum;
-}
-.menu > div:nth-child(4) {
-  background: mediumslateblue;
-}
-
-.menu > div > div {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-.menu > div > div > a {
-  line-height: inherit;
-}
-
 .footer {
   position: fixed;
   right: 5em;
@@ -102,18 +65,6 @@ a {
   align-items: flex-end;
 }
 
-.menu-footer {
-  position: static;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-evenly;
-  padding-bottom: 0.7em;
-}
-
-.menu-footer > a {
-  padding: 0.7em;
-}
-
 .footer__link--home:hover~.crumple:after {
     -webkit-animation: a 1s .25s linear forwards;
     animation: a 1s .25s linear forwards
@@ -139,34 +90,8 @@ a {
   padding-bottom: 5em;
 }
 
-.top-bar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding-right: 5em;
-}
-
 .header {
   display: flex;
   align-items: center;
   margin: 0;
 }
-
-.top-nav {
-  display: flex;
-  gap: 2em;
-  align-items: center;
-}
-
-.nav-link {
-  color: inherit;
-  text-decoration: none;
-  font-size: 0.8em;
-  opacity: 0.8;
-  transition: opacity 0.2s ease;
-}
-
-.nav-link:hover {
-  opacity: 1;
-}

css/mobile.css

@@ -31,23 +31,6 @@
     -webkit-box-align: start;
     align-items: flex-start
   }
-  .menu {
-    height: 70vh;
-    justify-content: space-evenly;
-  }
-  .menu > div {
-    flex-basis: auto;
-    flex-grow: 1;
-    margin: 0.5em 0;
-  }
-  .menu > div > div {
-    writing-mode: vertical-rl;
-    text-orientation: upright;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: coral;
-  }
   .footer {
     display: flex;
     position: inherit;
@@ -63,9 +46,6 @@
     border: none;
     text-decoration: underline;
   }
-  .menu-footer {
-    display: none;
-  }
 }
 @media only screen and (min-width:1080px) {
   .bio {