Add header picture and test card

2020-01-17 00:47:52 +01:00
parent 4634f07a3b
commit 8c841a74c0
4 changed files with 68 additions and 23 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,53 @@
+body {
+    background-color: #051923;
+    min-width: 300px;
+}
+
+.card {
+    background-color: #006494;
+    margin-top: 5%;
+}
+
+.fixs {
+    -ms-flex: 0 0 400px;
+    flex: 0 0 400px;
+}
+
+.header {
+    background-image: url(../images/bg1.jpg);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 500px;
+	overflow: hidden;
+	padding-left: 0px;
+	padding-right: 0px;
+}
+
+.blurred {
+    border-radius: 25px;
+    width: 350px;
+    height: 350px;
+    position: absolute;
+    left:10%;
+    top:10%;
+    background-color: rgba(255, 255, 255, .15);  
+    backdrop-filter: blur(5px);
+    -webkit-box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
+    -moz-box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
+    box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
+}
+
+@media (max-width: 576px) {
+    .blurred {
+        border-radius: 25px;
+        width: 80%;
+        height: 350px;
+        position: absolute;
+        background-color: rgba(255, 255, 255, .15);  
+        backdrop-filter: blur(5px);
+        -webkit-box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
+        -moz-box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
+        box-shadow: 9px 6px 29px -3px rgba(0,0,0,0.75);
+    }    
+}