/* public/style.css */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  color: #333;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDQycHgiIGhlaWdodD0iNTU0cHgiIHZpZXdCb3g9IjAgMCA0NDIgNTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPlBhdGggQ29weTwvdGl0bGU+CiAgICA8ZyBpZD0id2Vic2l0ZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg2LCAtMTgwKSIgZmlsbD0iI0ZBRkFGQSIgZmlsbC1ydWxlPSJub256ZXJvIiBpZD0iUGF0aC1Db3B5Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTEyNS4yMTUyNzQsNDEzLjI4NzcxNyBDMTM5LjI1NDM0LDM5Mi4xMzU0NTcgMTU1Ljg1ODczNywzNzMuMTg1Njc5IDE3Mi44MDQwODUsMzU0LjQ2MDYwNiBDMjA2LjIzNDM2OSwzMTcuNTE5MzQ4IDI0MC43NDA1OTUsMjgxLjM0OTg1NiAyNjkuODAwNDg2LDI0MS4yMzM0NiBDMjgyLjk5MjE1OSwyMjMuMDIyNzI1IDI5NC41MTE4MjgsMjAzLjkyNDM4MiAzMDMuODMyODYzLDE4My43MzUwMTkgQzMwNS45MzI5MzksMTc5LjE4NjIzNSAzMDcuNjQ0MDY2LDE3OC44MjAyODkgMzEwLjQxMTQ4MiwxODIuNDg0MjQ5IEMzMjQuODMyMDI3LDIwMS41NzY4NTQgMzQwLjI2MzQ1NSwyMjAuMDYzMTI0IDM1MS4wNzk2MywyNDEuMzAyNTY3IEMzNjUuODA3OTA5LDI3MC4yMjQwNTYgMzcyLjQwMDYyMSwzMDAuNjA4MDY0IDM2OS43NDMwNzUsMzMyLjQzMDEwOSBDMzY3LjI2MzM5NCwzNjIuMTIyMjk4IDM1NC40Nzc4MjQsMzg4LjIwNTk5NiAzMzQuOTYxOCw0MTEuNjkzMjQzIEMzMjAuMTA3NDAzLDQyOS41NzAyMzYgMzAzLjQxODI2LDQ0NS45ODg3NDkgMjg3LjU0MjY2Nyw0NjMuMDU1MzczIEMyNjUuNTYwNDMxLDQ4Ni42ODY5MTcgMjQ3LjAzMDgyMyw1MTIuMTA2MzAyIDI0MC4zOTE2NDYsNTQzLjQzMzI0IEMyMzMuNjc4MTksNTc1LjExMDY0MyAyNDAuMzYyMjQsNjAzLjk2NTkzOCAyNjEuNzU2NzU4LDYyOS43MDUyODQgQzI2Mi43NDk4MzEsNjMwLjkwMDAyMyAyNjMuNDYzMjkyLDYzMi40Nzc3NDYgMjY1Ljg1MTIyOCw2MzMuMDQyMDc2IEMyNjcuMjE1ODQzLDYyOS41MDU4OTIgMjY1Ljk3OTk0LDYyNS45MzkyMDYgMjY1LjU0MDQ2Myw2MjIuNjM1NTcgQzI2MC45MzAyNCw1ODcuOTc5NjgyIDI2OC44MTk3ODksNTU1Ljg0OTEyIDI4Ny41OTY5NDYsNTI1LjcyODYyNSBDMzAwLjY1OTIxOSw1MDQuNzc1NTU1IDMxOC4zOTg3NDQsNDg3LjM4NDMyOCAzMzYuMjU4MjMxLDQ3MC4wMDMzNjQgQzM1NC44MzI4MDUsNDUxLjkyNjQ2IDM3Mi4wMjY1MTUsNDMyLjgzMzcxMSAzODUuMDA1MzI1LDQxMC43ODM3ODMgQzM5Ni42OTI1NzcsMzkwLjkyODAzMyA0MDIuOTYwOTMyLDM2OS44NDAyOTYgNDAzLjAzMTgwMywzNDcuMTkxMDA5IEM0MDMuMDYzMzAxLDMzNy4xMjIxMSA0MDIuNzk0NzUzLDMyNy4wOTI2MjEgNDAxLjA5NjI4MSwzMTcuMTIyNjk3IEM0MDAuNzg5OTg0LDMxNS4zMjQ4NTMgNDAwLjY2NzQyOCwzMTMuNDI3NzQ0IDQwMS40OTE3NiwzMTEuNjU3NjY0IEM0MDQuMjQ3MzAxLDMxMS41NDk5ODIgNDA1LjMyODYxOSwzMTMuMzY4MTgxIDQwNi41NTMwNTMsMzE0Ljc0NTY0NiBDNDI4LjI5Mjg5NywzMzkuMjAyMjY0IDQ1MC44NDI4MjIsMzYzLjA1NzMwMiA0NzEuNDIzMDM5LDM4OC4zNzY3ODggQzQ5Ni43NzM1NjUsNDE5LjU2NTExIDUxNS45MjY5Miw0NTMuNDgwNTcxIDUyMy45MjMxODIsNDkyLjE1MDA3NyBDNTI2LjEyMzgxNSw1MDIuNzkyNDE2IDUyNy4xODc2OTcsNTEzLjU0MTYwMiA1MjcuNzI3NjA2LDUyNC4zOTcyODggQzUyOC43ODkzNjEsNTQ1Ljc0NTIyIDUyNi44MjM1MjgsNTY2LjY5MjA2MyA1MjAuNDgyODY1LDU4Ny4yNzkxNTcgQzUwOS42MTg1MDcsNjIyLjU1MzkyMiA0ODguODc0Mjk3LDY1Mi4xMjE3MzYgNDYwLjE0ODAxNCw2NzcuMjI1MzA5IEM0MzguODQ1Mzk4LDY5NS44NDEzMTcgNDE0LjkyMjA0NSw3MTAuNjE5MjI3IDM4Ny41MTg2OTEsNzIwLjQwMzI4IEMzNjQuNzkxNzc1LDcyOC41MTc1ODQgMzQxLjIyNjUyOSw3MzIuNDgxMzIzIDMxNi44MzU1MTQsNzMzLjY4NzI0OSBDMjc5LjU0MTM0Myw3MzUuNTMxMDc4IDI0NC4yMTg3ODUsNzI5LjI2MDI1OCAyMTAuOTQ2ODY4LDcxMy44NjMwMTEgQzE0NS40ODY3MjYsNjgzLjU2OTg3OCAxMDMuMjE1NjYzLDYzNi4yODQ0MTggODkuNzQ4NzU1MSw1NjkuMTIxNjEzIEM4MS42MjQzNDM0LDUyOC42MDMzNzcgODYuNzcyMDY5Nyw0ODkuMDUyMjkxIDEwNC41NDM4MTEsNDUxLjA2MDQxOSBDMTEwLjU2NDg2Niw0MzguMTg4ODcyIDExNy4xNzQ1NzcsNDI1LjYwMDEyNCAxMjUuMjE1Mjc0LDQxMy4yODc3MTcgWiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  background-position: -50% 100%;
  background-repeat: no-repeat;
  background-size: 75% 100%;
  justify-content: center;
  align-items:  center;
  min-height: 100vh;
  font-family: DM Mono, monospace;
  line-height: 1.6;
}

.container {
  width: 100%;
  max-width: 400px;
  padding: 2rem 1rem;
}

.title {
  color: #333;
  letter-spacing: -.02em;
  margin-bottom: .5rem;
  font-family: DM Serif Display, serif;
  font-size: 3rem;
  font-weight: 400;
}

.links {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  font-size: 1.25rem;
}

.links a {
  color: #666;
  text-decoration: none;
  padding: .5rem 0 .5rem .75rem;
  transition: color .2s;
}

.links a:hover {
  color: #d0860f;
}