diff --git a/valentineProject1/bg.png b/valentineProject1/bg.png
new file mode 100644
index 0000000..d0e489f
Binary files /dev/null and b/valentineProject1/bg.png differ
diff --git a/valentineProject1/index.html b/valentineProject1/index.html
index ac6a88c..b24e137 100644
--- a/valentineProject1/index.html
+++ b/valentineProject1/index.html
@@ -12,13 +12,13 @@
@@ -26,16 +26,16 @@ Do you like me?
diff --git a/valentineProject1/style.css b/valentineProject1/style.css
index f15c2ac..7ba9e94 100644
--- a/valentineProject1/style.css
+++ b/valentineProject1/style.css
@@ -2,7 +2,7 @@
margin: 0;
padding: 0;
box-sizing: border-box;
-
+
font-family: 'Times New Roman', Times, serif;
font-weight: 600;
}
@@ -10,16 +10,18 @@
.main {
width: 100vw;
height: 100vh;
- background-color: rgb(175, 123, 38);
+ background: url(bg.png);
display: flex;
justify-content: center;
align-items: center;
+ position: relative;
}
.wrapper {
height: 90vh;
width: 90vw;
+ position: relative;
border-radius: 23px;
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
@@ -36,17 +38,22 @@ h1 {
}
.buttonSection {
+ height: calc(90vh - 73px);
display: flex;
justify-content: center;
align-items: center;
-
+
}
button {
margin: 4px;
padding: 9px 25px;
border-radius: 9px;
- background-image: linear-gradient(red, yellow);
- border: 2px solid rgba(252, 0, 135, 0.783);
+ background: rgba(134, 223, 144, 0.447);
+ box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+ backdrop-filter: blur(6px);
+ -webkit-backdrop-filter: blur(6px);
+ border-radius: 10px;
+ border: 1px solid rgba(255, 255, 255, 0.761);
font-size: 1.1rem;
}
\ No newline at end of file