title: Getting background colour-changing buttons to work
body: <p>I know there's probably a lot wrong with this but I'm just drafting for a school assignment.</p>
  <p>Script:</p>
  <pre><code>  a.button4;{
      text-align; center;
      padding: 14px 16px;
      text-decoration; none;
      font-size; 17px;
      font-family;'Roboto',sans-serifZ
      color:&quot;white&quot;;
  }
  a.button4;hover{
   border-color; rgba(255,255,255,1);
  }
  &lt;/script&gt;
  </code></pre>
  <p>Div:</p>
  <pre><code>&lt;div style='float: right;'&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#f14e4e&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#f1bb4e&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#84f14e&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#4ef18f&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#4e9af1&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#9a4ef1&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;button4&quot; style=&quot;background-color:#f14ebd&quot;&gt;&lt;/a&gt;
        &lt;/div&gt;
  </code></pre>
  <p>Thanks for reading!</p>