diff --git a/index.html b/index.html
index e63cb01..75e3746 100644
--- a/index.html
+++ b/index.html
@@ -60,6 +60,9 @@
         >
       </li>
     </ol>
+    <h2>
+      <a href="problems.html">problems</a>
+    </h2>
     <h2><a target="_blank" href="/resume.pdf">resume</a></h2>
     <h2 style="display: none">
       <a target="_blank" href="/transcript.pdf">transcript</a>
diff --git a/problems.html b/problems.html
new file mode 100644
index 0000000..0399b11
--- /dev/null
+++ b/problems.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    />
+    <title>Barrett Ruth</title>
+  </head>
+
+  <body>
+    nothing here for now :)
+  </body>
+
+  <style type="text/css">
+    @font-face {
+      font-family: et-book;
+      src: url(et-book.ttf);
+    }
+
+    body {
+      font-family: et-book;
+      font-size: 1.5em;
+      background-color: #f9f5d7;
+      margin: 100px auto;
+      max-width: 650px;
+      scroll-behavior: smooth;
+      overscroll-behavior-y: none;
+      overscroll-behavior-x: none;
+    }
+    body,
+    html {
+      overflow-anchor: none;
+      padding: 0 5%;
+    }
+  </style>
+</html>
