init

1 files changed, 108 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..9b47676
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,108 @@
+body {
+  background: #ffffff;
+  margin: 3rem;
+  font-family: Georgia, 'Times New Roman', serif;
+  color: #352a2e;
+}
+
+.container {
+  max-width: 76rem;
+  margin: 0 auto;
+}
+
+.content {
+  display: flex;
+  gap: 2rem;
+}
+
+.aside {
+  width: 10rem;
+}
+
+.aside-content {
+  position: sticky;
+  top: 1rem;
+}
+
+.list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2rem;
+  margin-bottom: 1rem;
+}
+
+.tile {
+  display: block;
+  width: 12.5rem;
+}
+
+.tile h2 {
+  font-size: 1rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0;
+}
+
+.tile img {
+  width: 100%;
+  height: 12.5rem;
+  object-fit: cover;
+  object-position: center;
+}
+
+.tile .price {
+  font-weight: 500;
+  margin-bottom: 0.25rem;
+}
+
+.paginator-numbers {
+  width: 100%;
+}
+
+.paginator-numbers a {
+  text-decoration: none;
+}
+
+.paginator {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.paginator a {
+  color: blue;
+}
+
+.paginator-active {
+  font-weight: bold;
+  text-decoration: none;
+  pointer-events: none;
+}
+
+.logo {
+  margin-bottom: 2rem;
+  width: 10rem;
+}
+
+.form input {
+  margin-bottom: 0.5rem;
+  width: 100%;
+}
+
+.form button {
+  width: 100%;
+}
+
+.site-icon {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  margin: 0.5rem 0 0.25rem;
+  text-decoration: none;
+  font-size: 0.75rem;
+}
+
+.site-icon img {
+  width: 32px;
+  object-fit: contain;
+  height: auto;
+}