v1.7.0/finalize donations

website/styles/extrasmall.css

@@ -160,6 +160,17 @@ a.big-button::after {
   margin-bottom: 10rem;
 }
 
+.info.alert {
+  background-color: var(--color-secondary);
+  padding-bottom: 2.5rem;
+  padding-left: 10rem;
+  max-width: calc(100% - 12.5rem);
+  border-left: 2.5rem solid var(--color-bright);
+  padding-top: 2.5rem;
+  border-radius: 2.5rem;
+  display: none;
+}
+
 .info .info-card {
   background-color: var(--color-dim);
   border-radius: 2.5rem;
@@ -171,6 +182,10 @@ a.big-button::after {
   align-items: center;
 }
 
+.info.alert[data-active=true] {
+  display: block;
+}
+
 .info .info-card {
   color: var(--color-primary);
   font-size: 15rem;
@@ -303,6 +318,11 @@ a.big-button::after {
 #paypal-donate {
   margin-top: 5rem;
   display: flex;
+  flex: 1;
+  background-color: var(--color-dim);
+  padding: 2.5rem;
+  border-radius: 2.5rem;
+  margin-bottom: 2.5rem;
 }
 
 footer {

website/styles/large.css

@@ -29,6 +29,11 @@ body {
   display: inline-table;
 }
 
+.info.alert {
+  padding-top: 0;
+  max-width: calc(100% - 12.5rem) !important;
+}
+
 .info:not(:last-of-type) {
   margin-right: 6rem;
 }