diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 3b16e249a00068f0599f3abf2df517a3254941b9..d00968320b5bbecb6afc5063c99fb485c89538b6 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -198,6 +198,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;