1 files changed, 81 insertions, 0 deletions
diff --git a/static/css/custom.css b/static/css/custom.css
index 29226cd..ba25f7b 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -26,6 +26,10 @@ footer {
   margin-bottom: 0;
 }
 
+.list-title {
+  margin-top: 2rem;
+}
+
 .entry-title a {
   text-decoration: none;
 }
@@ -51,3 +55,80 @@ footer {
   background: -webkit-linear-gradient(left, white, #E1E1E1, white);
   background: linear-gradient(to right, white, #E1E1E1, white);
 }
+
+.card-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+}
+
+.card-wrapper {
+  align-self: flex-end;
+  height: 100%;
+  max-width: 400px;
+  margin: 2rem 1rem;
+}
+
+.card {
+  border-radius: 1rem;
+  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
+  transition: 0.1s;
+}
+
+.card:hover {
+  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
+}
+
+.card-content {
+  padding: 1.5rem 2rem;
+}
+
+@media (min-width: 800px) {
+  .card-content {
+    height: 150px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+
+.card-date {
+  float: right;
+}
+
+.card-title {
+  font-size: 2.5rem;
+}
+
+.card-image {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+  height: 300px;
+  width: 400px;
+  object-fit: cover;
+}
+
+.card-text {
+}
+
+.card-link {
+  font-weight: bold;
+}
+
+.menu-container {
+  text-align: center;
+}
+
+.button {
+  border: none;
+  border-bottom: 1px dashed #888;
+  border-radius: 0;
+  height: 4rem;
+  width: 15rem;
+  padding: 0;
+}
+
+.button:hover {
+  background-color: #E1E1E1;
+  border-bottom: 1px solid #888;
+}
+\ No newline at end of file