diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index d062380e39a48eea14400ab636dd08d22843dd61..709b174d8bb489f44b6ba237820a37a96d53c547 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -151,6 +151,16 @@ $homepage-block-min-height: 480px;
   background: $gray-base;
   color: white;
   text-shadow: 1px 1px $gray-dark;
+
+  a:not(.btn) { 
+    color: lighten($brand-primary, 20%);
+
+    &:hover,
+    &:focus,
+    &:active {
+      color: lighten($brand-primary, 15%);
+    }
+  }
 }
 
 .navbar {
@@ -198,6 +208,40 @@ $homepage-block-min-height: 480px;
   }
 }
 
+.circle {
+  position: relative;
+  border-radius: 100%;
+  overflow: hidden;
+  width: 100%;
+  border: 0.05em solid black;
+  box-shadow: 0px 0px 1em $gray-dark;
+}
+
+.circle:before {
+  content: "";
+  display: block;
+  padding-top: 100%;
+}
+
+.fill {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right:0;
+  background-size: cover;
+  background-position: center;
+}
+
+.squish {
+  position: relative;
+  width: 70%;
+  margin: auto;
+  margin-top: 5%;
+  margin-bottom: 5%;
+}
 
 .btn-group + p {
   margin-top: 1em;
@@ -254,4 +298,4 @@ body:not(.home) {
   a:not(.btn) {
     text-decoration: underline;
   }
-}
\ No newline at end of file
+}