diff --git a/Website/Views/Shared/_Layout.cshtml b/Website/Views/Shared/_Layout.cshtml
index cc484ce..7e6b9a9 100644
--- a/Website/Views/Shared/_Layout.cshtml
+++ b/Website/Views/Shared/_Layout.cshtml
@@ -8,10 +8,10 @@
diff --git a/Website/wwwroot/css/style.less b/Website/wwwroot/css/style.less
index 235f111..879f153 100644
--- a/Website/wwwroot/css/style.less
+++ b/Website/wwwroot/css/style.less
@@ -63,23 +63,44 @@ h1, h2, h3, h4, h5, h6 {
}
.header {
- background: url(/images/header.jpg) no-repeat;
- background-size: cover;
- background-position: center;
padding: 40px 30px;
display: flex;
- align-items: start;
- justify-content: flex-end;
+ align-items: center;
+ justify-content: space-between;
+ position: relative;
+ background-color: black;
+ overflow: hidden;
+
+ &:before {
+ content: "";
+ position: absolute;
+ background: url(/images/header.jpg) no-repeat;
+ background-size: cover;
+ background-position: center;
+ top: -2px;
+ bottom: -2px;
+ left: -2px;
+ right: -2px;
+ filter: blur(2px);
+ }
&__blurb {
+ background-color: fade(white, 80%);
+ color: black;
+ padding: 30px;
+ width: 50%;
+ z-index: 0;
+ display: block;
&__title {
font-size: 32px;
- display: block;
text-decoration: none;
- color: black;
font-weight: bold;
}
+
+ &__tagline {
+ display: block;
+ }
}
&__headshot {
@@ -91,6 +112,7 @@ h1, h2, h3, h4, h5, h6 {
border: 5px solid white;
border-radius: 50%;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
+ z-index: 0;
}
}
@@ -214,6 +236,12 @@ form {
}
.header{
+ padding: 20px 10px;
+
+ &__blurb {
+ padding: 20px 10px;
+ }
+
&__headshot{
width: 40vw;
height: 40vw;