diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index a35fd3d..d567336 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -13,7 +13,7 @@
                 </article>
                 {{end}}
                 {{ if .Pages }}
-                <article>
+                <section>
                     {{range .Pages}}
                 <section class="listing">
                     <div>
@@ -33,7 +33,7 @@
                     </div>
                 </section>
                 {{end}}
-                </article>
+            </section>
                 {{end}}
             </main>
 
diff --git a/layouts/index.html b/layouts/index.html
index 3a1cf64..e5df978 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,7 +6,7 @@
     <body>
         {{partial "header" .}}
         <main>
-            <section>
+            <section id="main-content">
                 <article>
                     {{.Content}}
                 </article>
@@ -28,9 +28,9 @@
                 </article>
                 {{end}}
             </section>
-            <article id="sidebar">
+            <section id="sidebar">
             {{partial "sidebar" .}}
-            </article>
+            </section>
         </main>
         {{ partial "footer" .}}
     </body>
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 2975da8..e832f9b 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,23 +1,7 @@
 
-{{if .Site.Data.details.featured}}
-<h2>Featured</h2>
-{{ range .Site.Data.details.featured}}
-<section class="featured">
-        <a href="{{.href}}">
-            <img src="{{.img}}">
-        </a>
-        <div>
-            <a href="{{.href}}">
-                <h3>{{.title}}</h3>
-            </a>
-            <p>{{.description}}</p>
-        </div>
-</section>
-{{end}}
-{{end}}
-<hr>
+
 <h2>Recent Content</h2>
-{{range first 5 .Site.RegularPages}}
+{{range first 3 .Site.RegularPages}}
 
 <section class="recent">
     <a href="{{.Permalink}}">
@@ -35,3 +19,22 @@
     </div>
 </section>
 {{end}}
+
+<hr>
+
+{{if .Site.Data.details.featured}}
+<h2>Featured</h2>
+{{ range .Site.Data.details.featured}}
+<section class="featured">
+        <a href="{{.href}}">
+            <img src="{{.img}}">
+        </a>
+        <div>
+            <a href="{{.href}}">
+                <h3>{{.title}}</h3>
+            </a>
+            <p>{{.description}}</p>
+        </div>
+</section>
+{{end}}
+{{end}}
\ No newline at end of file
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
index ebd091b..5dbbd4c 100644
--- a/layouts/shortcodes/video.html
+++ b/layouts/shortcodes/video.html
@@ -1,3 +1,3 @@
-<video controls>
+<video {{if .Get "autoplay"}}autoplay muted loop{{else}}controls {{end}}>
     <source src='{{.Get "src" }}'>
 </video>
\ No newline at end of file
diff --git a/static/css/theme.css b/static/css/theme.css
index a9c1fae..8d2d310 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1,10 +1,10 @@
 body {
     line-height: 1.25;
-    --theme-color-primary: black;
-    --theme-color-secondary: white;
+    --theme-color-primary: white;
+    --theme-color-secondary: black;
     --theme-color-accent: #1d7fd4;
     --theme-color-accent-transparent: #1d7fd444;
-    --theme-color-accent2: #ebb716;
+    --theme-color-accent2: #0852a5;
     --theme-color-accent2-transparent: #ebb71644;
     width: 100vw;
     margin: 0px;
@@ -38,7 +38,6 @@ footer{
     margin-bottom:0;
 }
 nav{
-    background-color:rgba(0,0,0,0.7);
     border-radius:30%;
 }
 
@@ -77,6 +76,9 @@ main{
     padding-left:10%;
     padding-right:10%;
 }
+#main-content{
+    min-width:30vw;
+}
 .listing {
     width: 100%;
     margin: 1rem;
@@ -146,6 +148,7 @@ header {
     align-items: center;
     justify-content: space-evenly;
     bottom: 0;
+    font-size:1.5rem
 }
 
 nav {
@@ -168,20 +171,16 @@ section {
     margin-bottom: 0.5rem;
     padding: 1.25rem;
     border-radius: 1rem;
-    font-size:125%;
 }
 
 article {
-    background-color: #000015b6;
     margin-top: 1rem;
     margin-bottom: 1rem;
-    padding: 0.5rem;
-    border-radius: 1rem;
-    box-shadow: 0 0 0.45rem var(--theme-color-accent);
+    padding: 1.5rem;
     display: flex;
     flex-direction: column;
     align-items: center;
-    font-size:115%;
+    font-size:2.25rem;
 }
 
 blockquote {
@@ -232,19 +231,21 @@ article img{
 }
 article video,
 article iframe {
-    align-self: center;
     max-width: 60rem;
     width: 80%;
-}
-article iframe{
     height:30rem;
+    background-color: transparent;
+
 }
 
 article>section>a{
     display:flex;
     flex-direction: column;
     align-items: center;
-    width:100%;
+
+}
+.listing h2{
+    text-align: left;
 }
 
 
@@ -269,9 +270,10 @@ video{
     flex-direction: row;
     flex-wrap: nowrap;
     padding:1.5%;
-    justify-content: flex-start;
+    justify-content: center;
     text-decoration: none;
     text-align: left;
+    width:80%;
 }
 .link-preview>div{
     margin:1rem;
@@ -295,10 +297,9 @@ aside .listing img{
 }
 
 #sidebar {
-  padding:1rem;
   padding-top:0;
-  margin:2rem;  
   margin-top:3rem;
+  border:0.25rem solid var(--theme-color-accent);
   align-items: flex-start;
 }
 
@@ -306,15 +307,14 @@ aside .listing img{
 .featured *{
     margin:0;
     padding:0;
-    font-size:100%;
     text-align: left;
 }
 .recent img,
 .featured img,
 .recent video,
 .featured video{
-    max-width: 20rem;
-    margin:1rem;
+    max-width: 10vw;
+    margin:0.25rem;
 }
 
 #social-links{
