Small styling tweaks and contributing docs

Author: FabioRosado

CONTRIBUTING.MD

@@ -31,9 +31,9 @@ We try not to have strong boundaries in what kinds of contributions are accepted
 - Adding meta-data
 
   - adding tags to your example will help us organize this repository in a much more meaningful way. Example tags come at the beginning of your main `HTML` file in the form of a comment.
-  - you're also welcome to add your email or name or other forms of contact information in the header at the beginning of the file.
+  - you're also welcome to add your email or name or other forms of contact information in the header at the beginning of the file. For reference see the [example](examples/hello_world.html).
 
-TODO Add back in `See the example  examples/hello_world.html`
+TODO Add back in `See the example examples/hello_world.html`
 
 - Adding docs
 
@@ -54,7 +54,7 @@ The PyScript Collective also welcomes contributions like blog posts, videos, vid
 
 The contributions in this topic are more similar to what an `awesome-page` would look like.
 
-*If you want to add a new kind of contribution that wasn't laid out on the [README](index) yet, feel free to do so.*
+_If you want to add a new kind of contribution that wasn't laid out on the [README](index) yet, feel free to do so._
 
 #### Recommended guidelines for a resource
 

src/psc/gallery/examples/interest_calculator/index.html

@@ -14,7 +14,7 @@
     <h1 id="header_h1">Welcome to the Compound Calculator!</h1>
 </header>
 
-<main style="">
+<main>
 
     <div class="flexelement" id="first_div">
         <p id="first_p">
@@ -45,7 +45,7 @@ <h1 id="header_h1">Welcome to the Compound Calculator!</h1>
 
     <div class="flexelement">
 
-        <div id="form" style="">
+        <div id="form">
 
             <div>
                 <label>Principal
@@ -86,7 +86,7 @@ <h1 id="header_h1">Welcome to the Compound Calculator!</h1>
 
 <footer>
     <p id="footer_p">
-        thank you for using the "Simple and Compound
+        Thank you for using the "Simple and Compound
         Interest Calculator!", powered by PyScript!
     </p>
 </footer>

src/psc/gallery/examples/interest_calculator/styles.css

@@ -3,6 +3,10 @@
     min-height: 100vh;
     display: flex;
     flex-direction: column;
+    margin: 0;
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
+    font-size: 14px;
+    line-height: 1.5;
 }
 
 main {
@@ -56,6 +60,7 @@ img {
     width: 100%;
     height: 12%;
     margin-bottom: 5px;
+    border: 0;
 }
 
 header {