diff --git a/web/static/style.css b/web/static/style.css
new file mode 100644
index 0000000..dd71104
--- /dev/null
+++ b/web/static/style.css
@@ -0,0 +1,284 @@
+.message {
+  display: inline-block;
+  padding: 0.5em;
+  width: 100%;
+}
+
+.message .header table td {
+  border: 0;
+  padding: 0;
+}
+
+.message .header .media-right {
+  padding: 1rem;
+}
+
+.message .headers {
+  position: relative;
+  width: 100%;
+}
+
+.message .headers .read-status {
+  position: absolute;
+  right: 1em;
+  top: 0em;
+}
+
+.message .headers .header {
+  overflow: clip;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.body {
+  background: white;
+  color: black;
+  margin-top: 0.5em;
+  padding: 1em;
+  width: 0;
+  min-width: 100%;
+  overflow: auto;
+  overflow-wrap: break-word;
+}
+
+.message .body .attachments hr {
+  border: none;
+  border-top: 1px dashed #888;
+  background-color: #f000;
+  margin: 0.5rem 0;
+}
+
+.error {
+  background-color: red;
+}
+
+.view-part-text-plain {
+  padding: 0.5em;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+iframe {
+  height: 100%;
+  width: 100%;
+}
+
+.index {
+  table-layout: fixed;
+  width: 100%;
+}
+
+.index .edit {
+  width: 2em;
+}
+
+.index .unread {
+  font-weight: bold;
+}
+
+.index .from {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 10em;
+}
+
+.index .subject {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.index .date {
+  width: 7em;
+  white-space: nowrap;
+  text-align: right;
+}
+
+.lb-footer {
+  background-color: #eee;
+  color: #222;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3em;
+  padding: 1em;
+}
+
+.tag {
+  margin-right: 2px;
+}
+
+.debug ul {
+  padding-left: 2em;
+}
+
+.debug li {}
+
+.loading {
+  animation-name: spin;
+  animation-duration: 1000ms;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+
+@keyframes spin {
+from {
+  transform: rotate(0deg);
+}
+
+to {
+  transform: rotate(360deg);
+}
+}
+
+@media (max-width: 768px) {
+  .section {
+    padding: 1.5em;
+  }
+}
+
+input,
+.input {
+  color: #fff;
+}
+
+input::placeholder,
+.input::placeholder {
+  color: #555;
+}
+
+.mobile .search-results {
+  padding: 1em;
+}
+
+.mobile .thread h3 {
+  overflow-wrap: break-word;
+  padding: 1em 1em 0;
+}
+
+.mobile .thread .tags {
+  padding: 0 1em;
+}
+
+.search-results .row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+
+  border-bottom: 1px #444 solid;
+  padding-bottom: .5em;
+  padding-top: .5em;
+  width: 100%;
+}
+
+.search-results .row .checkbox {}
+
+.search-results .row .summary {
+  min-width: 0;
+  width: 100%;
+}
+
+.search-results .row .subject {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.search-results td.subject {
+}
+
+.search-results .subject .tag {}
+
+.search-results .subject .text {
+  padding-left: 0.5rem;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.search-results .row .from {
+  display: inline-block;
+  width: 100%;
+}
+
+.search-results .from a {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.search-results .from a {
+  display: inline-block;
+  width: 100%;
+}
+
+.search-results .row .tag {
+  height: 1.5em;
+  padding-left: .5em;
+  padding-right: .5em;
+}
+
+.float-right {
+  float: right;
+}
+
+/* Hide quoted emails */
+/*
+div[name="quote"],
+blockquote[type="cite"],
+.gmail_quote {
+background-color: red;
+display: none;
+}
+*/
+
+.desktop .main-content {
+  display: grid;
+  grid-template-columns: 12rem 1fr;
+}
+
+.tags-menu {
+  padding: 1rem;
+}
+
+.tags-menu .menu-list a {
+  padding: 0.25em 0.5em;
+}
+
+.tags-menu .tag-indent {
+  padding-left: .5em;
+}
+
+.tags-menu .tag-tag {
+  margin-left: -1em;
+  padding-right: .25em;
+}
+
+.navbar {
+  border: none;
+}
+
+.desktop nav.pagination,
+.tablet nav.pagination {
+  margin-left: .5em;
+  margin-bottom: 0 !important;
+}
+
+.content-tree {
+  white-space: pre-wrap;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+.attachment {
+  margin: .25em;
+  display: inline-block;
+}
+.attachment .card-content {
+    padding: 0.5rem 1.5rem;
+}