diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 7387bd8..97d69cc 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -11,7 +11,7 @@
 
 /* debug */
 * {
-  border: 1px solid gray;
+  //border: 1px solid gray;
 }
 
 // customize some Bootstrap variables
@@ -20,7 +20,7 @@
 $primary: #FF8040;
 $body-bg: #0E0E10;
 $body-color: darken(white, 20);
-
+$border-primary: #FF8040;
 $dropdown-dark-bg: black;
 $dropdown-dark-link-color: $primary;
 $dropdown-dark-border-color: $primary;
@@ -28,6 +28,13 @@ $dropdown-dark-border-color: $primary;
 // the ~ allows you to reference things in node_modules
 @import "~bootstrap/scss/bootstrap";
 
+
+a:link { text-decoration: none; }
+a:visited { text-decoration: none; }
+a:hover { text-decoration: none; }
+a:active { text-decoration: none; }
+
+
 body {
   padding-top: 95px;
   padding-bottom: 155px;
@@ -174,16 +181,26 @@ body {
   }
 }
 
-.blog-img {
-  height: 100px;
-  width: 100px;
+
+.teaser-image {
+  object-fit: contain;
+  width: 800px;
   border-radius: 5px;
   margin: 7px;
 }
 
+.blog-img {
+  height: 100px;
+  width: 100px;
+  border-radius: 5px;
+  border-width: 1px;
+  border-color: $primary;
+  margin: 7px;
+}
+
 .article-author-img {
-  height: 25px;
-  border: 1px solid darkgray;
+  height: 50px;
+  border: 1px solid $primary;
   margin-left: 25px;
 }
 
@@ -280,3 +297,14 @@ input:focus{
   color: white;
 }
 
+.teaser-text {
+  height: 180px;
+}
+
+.content-text {
+  height: 400px;
+}
+
+.file-input {
+  color: $primary;
+}
\ No newline at end of file