Style / font fix

components/footer/footer.js

@@ -11,7 +11,7 @@ const Footer = () => (
         <Link href="/"><a>Society <span>of</span> Socks</a></Link>
       </h1>
       <div className={styles.footerInfo}>
-        <p>Website by <a href="https://coleserickson.com/">Cole Erickson</a> - © 2015 - {DateTime.utc().year} Society of Socks</p>
+        <p>© 2015 - {DateTime.utc().year} Society of Socks</p>
       </div>
       <ul className={styles.footerNav}>
         <li><Link href="#mailingList"><a onClick={(ev)=>{if(ev) ev.preventDefault(); console.log('mailing list')}}>Mailing List</a></Link></li>

components/form/styles.module.css

@@ -65,11 +65,12 @@
   right: 0;
   bottom: 0;
   pointer-events: none;
-  padding: 9px 10px;
+  padding: 8px 10px;
 }
 
 .inputDecorators > span {
   display: inline-block;
+  font: 400 13.3333px Arial;
 }
 
 .inputDecorators > span {
@@ -78,7 +79,7 @@
 }
 
 .complexInput input:focus + .inputDecorators .numRemaining {
-  opacity: .6;
+  opacity: .4;
 }
 
 .complexInput > button {