v1.7.0/donations & rooster teeth fix

website/styles/extrasmall.css

@@ -285,19 +285,23 @@ input::-webkit-inner-spin-button {
 }
 input {
   -moz-appearance: textfield;
-  color: var(--color-primary);
+  color: var(--color-secondary);
   max-width: calc(100% - 10rem);
-  width: 100%;
+  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;
 }
 
 #paypal-donate {
   margin-top: 5rem;
+  display: flex;
 }
 
 footer {

website/styles/large.css

@@ -80,10 +80,24 @@ body {
   z-index: 2;
 }
 
-.features.card-grid .support-card button.big-button:hover {
+.donate.card-grid .support-card button.big-button:hover {
   height: 25% !important;
   padding-left: 10rem;
-  background-color: var(--color-dim);
+}
+
+#donate input {
+  max-width: calc(100% - 15rem);
+  width: 100%;
+}
+
+#donate #paypal-donate {
+  justify-content: center;
+  align-items: center;
+}
+
+#donate .description .underlink {
+  display: block;
+  text-align: center;
 }
 
 footer .end-line {

website/styles/variables.css

@@ -57,5 +57,5 @@ AMITABH, AND MAY NOT BE COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
   background-image: url('/media/logos/FunimationColor.webp');
 }
 .card-grid .support-card#roosterteeth {
-  background-image: url('/media/logos/RoosterTeeth.png');
+  background-image: url('/media/logos/RoosterTeeth.webp');
 }