diff --git a/src/style.css b/src/style.css index 5236dbc81e79b30f3c6d4081311dc344a66609d9..7557e7f855d4184e91bf94c945409c3e619a021a 100644 --- a/src/style.css +++ b/src/style.css @@ -17,6 +17,7 @@ form { justify-content: center; flex-wrap: wrap; flex-direction: row; + width: 100%; } svg { @@ -76,7 +77,7 @@ div.background { left: 0; width: 100%; height: 100%; - background: url('bg.svg') no-repeat center center; + background: url('bg1.svg') no-repeat center center; background-size: contain; filter: grayscale(100%); z-index: 1; @@ -101,8 +102,16 @@ div.center { background: rgba(51, 51, 51, 0.8); padding: 20px; border-radius: 8px; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); - backdrop-filter: blur(15px); + box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.35); + backdrop-filter: blur(8px); + width: 100%; + height: 100%; + max-width: 600px; + max-height: 250px; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; } div.home {