smith off-grid

by Spencer Smith

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cute+Font&family=Syne+Mono&display=swap" rel="stylesheet">

<div class="content">
  <div class="logo">smith off-grid</div>
  <div class="topic">solar sheds</div>
  <div class="topic">rain collection</div>
  <div class="topic">water filtration</div>
  <div class="topic">mesh radio</div>
  <div class="topic">food storage</div>
  <div class="topic">garden prep</div>
</div>

CSS

* { box-sizing: border-box; }
body {
  font-family: 'Cute Font', sans-serif;
  font-family: 'Syne Mono', monospace;
  background-color: #222;
  color: whitesmoke;
}
.content {
  margin: 60px auto;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.logo {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 60px;
  border: 4px dotted gold;
  padding: 4px 8px;
}
.topic {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 40px;
}