lil changes on the buttons

Author: smakosh

source/app/index.html

@@ -75,6 +75,10 @@ <h4>Include one of these links:</h4>
     <pre>&lt;link rel="stylesheet" href="http://smakosh.com/unnamed.css"&gt;</pre>
     <h4>Minimized</h4>
     <pre>&lt;link rel="stylesheet" href="http://smakosh.com/unnamed.min.css"&gt;</pre>
+    <h4>CDN</h4>
+    <pre>&lt;link rel="stylesheet" href="https://unnamedcss-9a1f.kxcdn.com/unnamed.css"&gt;</pre>
+    <h4>Minimized</h4>
+    <pre>&lt;link rel="stylesheet" href="https://unnamedcss-9a1f.kxcdn.com/unnamed.min.css"&gt;</pre>
     <h4 class="download">Or download both:</h4>
     <a href="http://smakosh.com/unnamed-css.zip" class="btn btn-rounded btn-outlined purple-btn push-up" download>Download</a>
     <h4>Or use this starter repository:</h4>
@@ -417,7 +421,7 @@ <h4>Card footer</h4>
                   </div>
                 </div>
 
-                <h4 class="description">Drone picture was taken by <a href="https://luca-steeb.com/?ref=Unnamed">Luca Steeb</a> !</h4>
+                <h4 class="description">Drone picture was taken by <a class="link" href="https://luca-steeb.com/?ref=Unnamed">Luca Steeb</a> !</h4>
                 <h4 class="description">You can remove the hover effect by removing this class</h4>
                 <p><pre class="little">.card-hoverable</pre></p><br>
               </div>
@@ -858,9 +862,11 @@ <h4 class="description">To hide elements: </h4>
 
               <div class="container footer">
                 <a href="#top">To the top</a>
+                <a target="_blank" href="https://www.keycdn.com/?ref=unnamed">Accelerated by KeyCDN</a>
                 <a href="http://smakosh.com/unnamed/index.html">© Unnamed | All rights reserved 2017</a>
                 <a href="http://smakosh.com"><span></span> Made by Smakosh</a>
               </div>
+
               <!-- build:js scripts/vendor.js -->
               <!-- bower:js -->
               <script src="/bower_components/modernizr/modernizr.js"></script>

source/app/soon.html

@@ -35,10 +35,10 @@ <h2>Unnamed</h2>
         <br>
         <br>
         <iframe class="iframe" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=star&count=true"
-        frameborder="0" scrolling="0" width="80px" height="20px">
+        frameborder="0" scrolling="0" width="90px" height="20px">
         </iframe>
         <iframe class="iframe forkit" src="https://ghbtns.com/github-btn.html?user=smakosh&repo=unnamed-css-framework&type=fork&count=true"
-        frameborder="0" scrolling="0" width="80px" height="20px">
+        frameborder="0" scrolling="0" width="90px" height="20px">
         </iframe>
 
       </div>
@@ -51,6 +51,7 @@ <h1 class="d-text">Soon...</h1>
 
 
     <div class="container footer">
+      <a target="_blank" href="https://www.keycdn.com/?ref=unnamed">Accelerated by KeyCDN</a>
       <a href="http://smakosh.com/unnamed/index.html">© Unnamed | All rights reserved 2017</a>
       <a href="http://smakosh.com"><span></span> Made by Smakosh</a>
     </div>

source/app/styles/buttons.scss

@@ -20,7 +20,7 @@
 
 .btn-outlined  {
 
-  border-width: 4.43px;
+  border-width: 3px;
   border-style: solid;
   transition: all 0.5s;
   padding: 0.8rem 3rem;

source/app/styles/forms.scss

@@ -27,7 +27,7 @@ textarea[type=text]  {
   border-width: 1px;
   border-color: $black;
   border-style: solid;
-  border-radius: 5px;
+  border-radius: 2px;
   font-family: 'roboto';
   &:focus  {
 
@@ -104,8 +104,8 @@ label  {
       font-family: 'fontawesome';
       border: 1px solid $black;
       padding: .4rem .4rem;
-      border-radius: .2rem;
-      transition: .5s;
+      border-radius: 2px;
+      transition: .2s;
       color: #fff;
       font-size: 16px;
     }
@@ -117,8 +117,8 @@ label  {
     font-family: 'fontawesome';
     border: 1px solid $black;
     padding: .4rem .4rem;
-    border-radius: .2rem;
-    transition: .5s;
+    border-radius: 2px;
+    transition: .2s;
     color: $black;
     font-size: 16px;
   }
@@ -131,11 +131,11 @@ label  {
       content: '';
       font-family: 'fontawesome';
       border: 1px solid $black;
-      padding: .4rem .5rem;
+      padding: .3rem .4rem;
       border-radius: 100%;
-      transition: .5s;
+      transition: .2s;
       color: #fff;
-      font-size: 16px;
+      font-size: 14px;
     }
   }
 
@@ -144,11 +144,11 @@ label  {
     content: '';
     font-family: 'fontawesome';
     border: 1px solid $black;
-    padding: .4rem .5rem;
+    padding: .3rem .4rem;
     border-radius: 100%;
-    transition: .5s;
+    transition: .2s;
     color: $black;
-    font-size: 16px;
+    font-size: 14px;
   }
 }
 

source/app/styles/main.scss

@@ -175,7 +175,6 @@ body {
   }
 }
 
-
 .code  {
 
   color: #9ea9bb;