1 files changed, 37 insertions, 6 deletions

diff --git a/static/css/theme.css b/static/css/theme.css
index 9bbe9bd..1351d9a 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -461,7 +461,7 @@ ul.images-list {
 .profile {
     text-align: center;
 //    padding: 30px 10px;
-padding: 2em 2em 2em 2em;
+padding: 2rem;
     position: relative;
 }
 
@@ -469,7 +469,7 @@ padding: 2em 2em 2em 2em;
     width: 200px;
     height: 200px;
 //    width: 100%;
-    margin: 0 auto 30px;
+    margin: 0 auto;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
@@ -722,12 +722,42 @@ main {
     position: relative;
     min-height: 100vh;
 
+/*
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     background-color: var(--HOME-BACKGROUND-COLOR, transparent);
+*/
+/* TODO: why was '-2'? => bug (can't select text + button) */
+/*z-index: -2;*/
+z-index: 0;
+/* TODO: from param */
+/*background-color: transparent;*/
+background-color: black;
+}
+
+#home::after {
+    position: absolute;
+    z-index: -1;
+    content: "";
+width:100%;
+
+    background-position: center;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+
+/*    background-color: var(--HOME-BACKGROUND-COLOR, transparent);*/
+top:0;
+left:0;
+bottom:0;
+right:0;
+    background-image: var(--home-bkg-image);
+/* TODO: from variable! */
+    opacity: 50%;
 }
 
 #home_video {
@@ -896,7 +926,6 @@ background-color: var(--about-bkg-color);
     #about .profile {
 //        padding-left: 5%;
 //        padding-right: 5%;
-padding: 5%;
 //margin: 5px;
 background-color: var(--about-bkg-color);
 background-color: white;
@@ -1022,7 +1051,7 @@ background-size: cover;
     width: var(--about-image-width);
     height: auto;
     /* 2-REC TODO: set as custom param */
-    max-width: 300px;
+/*    max-width: 300px;*/
 }
 /*@media (min-width: 64em) {*/
 @media (max-width: 992px) {
@@ -1038,6 +1067,9 @@ background-size: cover;
 #about .text-tertiary p {
     text-justify: inter-word;
 }
+#about .short-text p:last-of-type {
+    margin: 0;
+}
 
 #avatar1 {
     /* 2-REC: setting position here causes problems with height */
@@ -1325,8 +1357,6 @@ min-height: 300px;
 }
 
 #contact .profile {
-    padding: 2em 2em 2em 2em;
-
     background-color: var(--CONTACT-PROFILE-COLOR, var(--GENERAL-COLOR-2));
     border-radius: var(--CONTACT-PROFILE-BORDER-RADIUS, 0px);
     box-shadow: var(--CONTACT-PROFILE-BOX-SHADOW, 0);
@@ -1334,6 +1364,7 @@ min-height: 300px;
 
 #contact .portrait {
     border-radius: var(--CONTACT-IMAGE-BORDER-RADIUS, var(--GENERAL-IMAGE-BORDER-RADIUS));
+margin-bottom: 2em;
 }
 
 #contact .text-primary {