diff --git a/Replate@2x.png b/Replate@2x.png
new file mode 100644
index 0000000..f45f718
Binary files /dev/null and b/Replate@2x.png differ
diff --git a/css/index.css b/css/index.css
index b9b9ca6..497ed95 100644
--- a/css/index.css
+++ b/css/index.css
@@ -439,10 +439,16 @@ a {
   }
 }
 .middle #how .btn {
+  background-color: rgba(77, 102, 124, 0.5);
   font-size: 1.6rem;
   font-weight: 600;
   font-variant-caps: all-small-caps;
   letter-spacing: 2px;
+  border-radius: 3px;
+}
+.middle #how .btn a {
+  color: #0a3055;
+  text-decoration: none;
 }
 .middle #how .btn:hover {
   background-color: rgba(255, 146, 5, 0.5);
diff --git a/index.html b/index.html
index 7a9d207..9a71754 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@ <h1>REPLATE</h1>
                         <a href="#what">WHAT</a>
                         <a href="#how">HOW</a>
                         <a href="#who">WHO</a>
-                        <a href="http://replateapp.lambdaschool.me/">LOGIN</a>
+                        <a href="https://replate-react-ayunas.replate.now.sh/">LOGIN</a>
                     </nav>
                 </div>
             </div>
@@ -61,12 +61,12 @@ <h2>HOW CAN I GET INVOLVED?</h2>
                 <div class="business">
                     <h3>AS A BUSINESS</h3>
                     <p>If you are a restaurant or business ready to schedule a food pickup at your convienence, click the sign up button below.</p>
-                    <button class="btn">SIGN UP</button>
+                    <button class="btn"><a href ="https://replate-react-ayunas.replate.now.sh/create-account">SIGN UP</a></button>
                 </div>
                 <div class="volunteer">
                     <h3>AS A VOLUNTEER or NON-PROFIT</h3>
                     <p>Volunteers and non-profit organizations looking for available food, click the sign up button below. </p>
-                    <button class="btn">SIGN UP</button>
+                    <button class="btn"><a href ="https://replate-react-ayunas.replate.now.sh/create-account">SIGN UP</a></button>
                 </div>
             <!-- </div> -->
         </div>
diff --git a/less/home-page.less b/less/home-page.less
index 1717c20..ad72c9e 100644
--- a/less/home-page.less
+++ b/less/home-page.less
@@ -233,10 +233,17 @@
         };
 
         .btn{
+            background-color: rgba(77, 102, 124, 0.5);
             font-size: 1.6rem;
             font-weight: 600;
             font-variant-caps: all-small-caps;
             letter-spacing: 2px;
+            border-radius: 3px;
+
+            a{
+                color: #0a3055;
+                text-decoration: none;
+            };
         };
         
         .btn:hover{