v1.7.9/website donation update

website/styles/extrasmall.css

@@ -28,35 +28,13 @@ body {
   overflow-x: hidden;
 }
 
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-input {
-  -moz-appearance: textfield;
-  color: var(--color-secondary);
-  max-width: calc(100% - 6.5rem - 2px);
-  width: calc(100% - 6.5rem - 2px);
-  max-width: --webkit-fill-available;
-  margin: 2.5rem 0;
-  padding: 1.5rem;
-  font-size: 10rem;
-  border-radius: 2.5rem;
-  outline: none;
-  letter-spacing: 4px;
-  background-color: var(--color-primary);
-  border: 2px solid var(--color-dim);
-  padding-left: 5rem;
-}
-
 a {
   color: var(--color-secondary);
 }
 
 a[href]::after {
   display: inline-block;
-  content: '↗';
+  content: "↗";
   margin-left: 1rem;
   transition: all ease-in-out 0.2s;
   color: var(--color-secondary);
@@ -193,7 +171,7 @@ a.big-button::after {
   align-items: center;
 }
 
-.info.alert[data-active='true'] {
+.info.alert[data-active="true"] {
   display: block;
   width: auto;
 }
@@ -283,7 +261,7 @@ a.big-button::after {
 }
 
 .card-grid::after {
-  content: '.';
+  content: ".";
   opacity: 0;
   margin-right: 50rem;
 }
@@ -362,17 +340,6 @@ a.big-button::after {
   transition: all ease-in-out 0.2s;
   height: 7.2rem;
 }
-
-#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 {
   margin-top: 20rem;
 }
@@ -397,7 +364,6 @@ footer {
   opacity: 0.5;
 }
 
-
 footer .end-line .underlink::after {
   content: unset;
 }
@@ -425,3 +391,16 @@ footer .end-line .underlink svg:hover {
   justify-content: center;
   align-items: center;
 }
+
+.paypal {
+  display: flex;
+  justify-content: center;
+  background-color: var(--color-bright);
+  border-radius: 2.5rem;
+}
+
+.paypal input {
+  max-width: 100%;
+  max-height: 15rem;
+  outline: none !important;
+}