diff --git a/index.html b/index.html
index 3ac0f16..d5280b8 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,9 @@
         <input type="button" onclick="location.href='https://deviantart.com/IDeletedSystem64';" value="DeviantART">
         <input type="button" onclick="location.href='https://github.com/IDeletedSystem64';" value="GitHub">
         <input type="button" onclick="location.href='https://steamcommunity.com/id/system64_';" value="Steam">
-        <input type="button" onclick="location.href='https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs';" value="Spotify">
+
+        <a href="https://open.spotify.com/user/w2kr77l67qtystmkuza8k2mcs" class="button button1"><span>Spotify</	span></a>
+
         <a href="https://github.com/IDeletedSystem64/system64.neocities.org"><img class="githubico" src="/img/github-32px.png" alt="View source code on GitHub!"></a>
 </div>
 </body>
\ No newline at end of file
diff --git a/styles/stylemain.css b/styles/stylemain.css
index faa7f9c..e1c564c 100644
--- a/styles/stylemain.css
+++ b/styles/stylemain.css
@@ -55,6 +55,61 @@ input:active {
     background: #acacac;
     box-shadow: inset 0em 0em
 }
+
+a {
+    text-decoration: none;
+}
+.button {
+    display: inline-flex;
+
+    font-size: 16px;
+    text-align: center;
+    border: none;
+    border-radius: 4px;
+    outline: none;
+    box-shadow: none;
+    cursor: pointer;
+    transition: 0.3s ease-in-out;
+}
+
+.button.button1 {
+    border-radius: 0;
+    box-sizing: border-box;
+    min-height: 23px;
+    color: #000;
+    padding: 0 2px 2px 0;
+    border-top: 1px solid #CCCCCC;
+    border-right: 0.1px solid transparent;
+    border-bottom: 1px solid #333333;
+    border-left: 1px solid #CCCCCC;
+    background-color: #979797;
+    width: 15%;
+}
+
+.button.button1 span {
+    -webkit-appearance: none;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    width: 100%;
+    background: #dad9d9;
+    font-size: 170%;
+    font-family: 'Share Tech Mono', monospace;
+    box-shadow: inset -0.05em -0.05em black;
+}
+
+.button.button1 span:hover,
+.button.button1:hover + .button.button1 span {
+    background-color: #ACACAC;
+    border-top: 1px solid transparent;
+    border-right: 0.1px solid #dad9d9;
+    border-bottom: 1px solid #dad9d9;
+    border-left: 1px solid transparent;
+box-shadow: inset -0.05em -0.05em transparent;}
+.button.button1:hover {
+    background-color: #ACACAC;
+{
+
 img.githubico {
     left: 49%;
     position: fixed;
@@ -74,6 +129,7 @@ img.githubico {
     }
     input {
         font-size: 7vw;
+	-webkit-text-size-adjust:100%
         min-width: 110%;
         max-width: 110%;
         /* I lack the understanding as to why I have to set a mix/max, but its also nearly midnight as I'm writing this and I should probably go to bed. */