Primer CSS Experiments

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/primer/2.0.2/primer.css">
<div class="container">
    <div class="columns">
         <div class="five-sixth column">
  <div class="btn-group">
     <button class="btn btn-outline btn-sm" type="button">Button</button>
     <button class="btn btn-outline  btn-sm" type="button">Button</button>
     <button class="btn btn-outline  btn-sm" type="button">Button</button>
  </div>
             <div class="flash">
                 <input class="input-large" type="text" placeholder="Large input">
                       <div class="form-checkbox">
    <label>
      <input type="checkbox" checked="checked">
      Available for hire
    </label>
    <p class="note">
        This will do insanely <strong>awesome</strong> and <strong>amazing</strong> <span class="tooltipped tooltipped-s" aria-label="This is a tooltip.">things!</span>
    </p>
  </div>
  <span class="tooltipped tooltipped-s tooltipped-multiline " aria-label="-----BEGIN PGP PUBLIC KEY BLOCK-----
Version: BCPG C# v1.6.1.0

mQENBFrQ+J8BCADwuCZwAezT33eimiGIwdwrkIn7LcxKhnfJszh5xlElsidnGHk1
qQNLGp9QxJHXrdS30C4r53bK0R8l9b5DCXjDFIYoasqQxdwu7WxoHc5/8vQPzvpq
IG/8OjEaHyd9vskUutF/FFzHi713tkEsroDbrvHLMJIHPcYAby6IDhFOe/5P7kYY
eex97kyURSaU/xqTciYE5syYcjZkNYb6n3fkI0vQSmMQY6GG/WDP8k7UIg+LWnB7
uSgkzbtbYzOFoTSKij9mgucaytgle5O0fSXV6fly7sGKhn98M8zD3BWHCIB7lQTH
Mc/Hp+K746e0i/A7Lzepq1m45s7jmRI7l4DlABEBAAG0AIkBHAQQAQIABgUCWtD4
nwAKCRD3u34NvYHQUB9FCADk36/kQJkVExdwnkQfHt8gdTb7CespWy2lFvQU/q1w
zffNm8LkChmPX53MM2xPZuVhMomoQbzn8mqSQo+t4tn6qKd0TP8kxz4+hDnx/XO9
R3gmll+L8DPYyhgVvpp4rrNglJcmUGXfpWXSE6a9hQy3h+AUSBXtrZsWKVypyCLP
l2IlxtKu2byQCNgyF0pdKO5MIxUFcosL8E9AK4bNPN4nqSD6viFEVfQ1mt25DvVI
YKurLW6titOhRStzR6g0YkBjcRK3GGNRUOssI3vTfl4LwPvttdBODKNOFENMy9Nx
Ug3Zp02NEGLbizA+JPxVRaffOSCxWSOYJPYAjox04z4H
=WgcI
-----END PGP PUBLIC KEY BLOCK-----">
  Text with a tooltip
  </span>
                        
</div>
                   <div class="blankslate capped">
  <h3>This is a blank slate</h3>
  <p>Use it...

CSS

.container{
    width: 800px;
}

body {
    margin-top: 20px;
}