remove previous site

index.css

@@ -1,75 +1,44 @@
-@font-face {
-  font-family: et-book;
-  src: url(et-book.ttf);
-}
-a {
-  color: inherit;
-}
-
+html,
 body {
-  font-family: et-book;
-  font-size: 1.5em;
-  background-color: #f9f5d7;
-  margin: 100px auto;
-  max-width: 675px;
-  scroll-behavior: smooth;
-  overscroll-behavior-y: none;
-  overscroll-behavior-x: none;
-}
-body,
-html {
-  overflow-anchor: none;
-  padding: 0 5%;
-}
-
-.project {
-  position: relative;
-  text-decoration: none;
-}
-.project::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 1px;
-  background-color: #000;
-  bottom: 0;
-  left: 0;
-  transition: width 0.5s;
-}
-.project:hover::after {
-  width: 100%;
-}
-.description {
-  visibility: hidden;
-  white-space: nowrap;
-  overflow: hidden;
-  width: 0;
-  transition: all 0.6s ease;
-  display: inline-block;
-  vertical-align: top;
-  max-width: 0;
-}
-.project:hover + .description,
-.description.revealed {
-  visibility: visible;
-  width: auto;
-  max-width: 450px;
-}
-.container {
-  position: relative;
-}
-.social-icons {
+  height: 100%;
+  font-family: "EB Garamond";
+  margin: 0;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  font-size: 1.5em;
 }
 
-.social-icons a {
-  margin-left: 15px;
-  color: inherit;
-  text-decoration: none;
+main {
+  flex: 1;
+}
+
+header,
+footer {
+  text-align: center;
+  padding: 10px 0;
+  background-color: #f3f3f3;
+}
+
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header-left {
+  flex: 1;
+  text-align: left;
+}
+
+.header-right {
+  flex: 1;
+  text-align: right;
+}
+
+img.logo {
+  width: 7%;
+  height: auto;
+}
+
+ul {
+  list-style-type: none; /* no bullet points */
 }