Performer photo on form, page + styling.

assets/css/pages/form.scss

@@ -5,6 +5,7 @@ form {
 
   .checkbox-container {
     display: flex;
+    align-items: baseline;
 
     label {
       text-align: left;
@@ -55,6 +56,10 @@ form {
   i {
     margin-top: 30px;
   }
+
+  label {
+    margin-top: 20px;
+  }
 }
 
 @media screen and (max-width: 600px) {

assets/css/pages/performer.scss

@@ -1,5 +1,6 @@
 .performer-img {
   max-width: 57%;
+  margin-top: 10px;
 }
 
 @media screen and (max-width: 600px) {
@@ -8,20 +9,30 @@
   }
 }
 
+.performer-paragraph {
+  text-align: left;
+}
+
 .performers-container {
   display: flex;
   flex-wrap: wrap;
   width: 80%;
-  justify-content: space-between;
-  align-items: baseline;
+  justify-content: space-evenly;
+  font-size: 1.2em;
 
   .performer-name {
-    width: 30%;
-    font-size: x-large;
-    border-right: solid 1px;
-    border-left: solid 1px;
+    width: 40%;
     margin-bottom: 4%;
     border-radius: 3px;
+    display: flex;
+    align-items: center;
+    padding: 5px;
+  }
+
+  a {
+    color: #2f273e;
+    margin-left: 10px;
+    text-align: left;
   }
 }
 
@@ -32,10 +43,10 @@
       margin-bottom: 10%;
       text-align: left;
       padding-left: 5%;
-    }
 
-    .performer-name::before {
-      content: '>> ';
+      a {
+        text-decoration: underline;
+      }
     }
   }
 }

assets/css/shared.scss

@@ -11,6 +11,7 @@ section.main {
   p {
     padding: 0px 20px;
     max-width: 56%;
+    width: 100%;
   }
 
   @media screen and (max-width: 600px) {
@@ -18,6 +19,13 @@ section.main {
       max-width: none;
     }
   }
+
+  .link-back {
+    font-weight: bolder;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    text-decoration: underline;
+  }
 }
 
 section.logo ~ section.main {