diff --git a/src/styles/home.scss b/src/styles/home.scss
index 2590d118..db2f0e0e 100644
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -2,25 +2,38 @@
 // reduced workload to css.scss
 
 html {
-    display: flex;
-    justify-content: center;
+    height: 100%;
+    max-width: 75ch;
     line-height: 1.6;
     font-size: 1.1em;
     font-family: Recursive, monospace;
+    // border: 10px solid red;
+    display: flex;
     align-items: center;
+    justify-content: center;
+    margin: 0;
+    // overflow: hidden;
+    padding: 0  ;
 }
 
 body {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 75ch;
-    height: auto;
-    -webkit-transform: translate(-50%,-50%);
-    -moz-transform: translate(-50%,-50%);
-    -ms-transform: translate(-50%,-50%);
-    -o-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
+    height: calc(100% - 1em);   
+    // position: fixed;
+    // max-width: 100%;
+    // max-height: 100%;
+    // top: 50%;
+    // left: 50%;
+    // transform: translate(-50%, -50%);
+    // -webkit-transform: translate(-50%, -50%);
+    // -moz-transform: translate(-50%, -50%);
+    // -o-transform: translate(-50%, -50%);
+    // -ms-transform: translate(-50%, -50%);
+    // display: flex;
+    // flex-direction: column;
+    // position: relative;
+    // align-items: center;
+    // justify-content: center;
+  
 }
 
 .header{
@@ -47,7 +60,14 @@ body {
     font-weight: 500;
 }
 
+// @media screen and (max-width: 700px) {
+//     body {
+//         position: relative;
+//     }
+// }
+
 @media screen and (max-width: 650px) {
+
     html{
         font-size: 100%;
     }
@@ -57,7 +77,7 @@ body {
         flex-direction: column;
     }
     .name{
-        margin-top: 0rem;
+        margin-top: 0em;
         padding-top: 0rem;
         padding-bottom: 0rem;
         margin-bottom: 0.75rem;
@@ -76,9 +96,7 @@ body {
 }
 
 img {
-    max-width: 100%;
     margin: 0.5rem auto;
-    display: block;
 }
 
 .profile {
@@ -86,7 +104,7 @@ img {
     width: 30%;
     margin: auto 0 0 auto;
     border-radius: 50%;
-    height: auto;
+    // height: auto;
 
     @media screen and (max-width:650px) {
         align-self: center;
@@ -95,6 +113,6 @@ img {
         margin-top:1.5em;
         margin-bottom: 0em;
         border-radius: 50%;
-        height: auto; 
+        // height: auto; 
     }
 }
\ No newline at end of file