diff --git a/assets/css/contact.css b/assets/css/contact.css
index 95e08f0065ac6f6d9ec85ab534dcc3de02629eb9..c70869834564b540328d21101451704fefaeca11 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -29,6 +29,7 @@ p {
 form {
   width: 30rem;
   background-color: rgb(255, 255, 255);
+  backdrop-filter: blur(5px);
   padding: 1rem;
   border-radius: 6px;
   font-family: "Roboto", sans-serif;
@@ -58,10 +59,8 @@ textarea {
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border-color ease-in-out 0.15s,
+  transition: border-color ease-in-out 0.15s,
     -webkit-box-shadow ease-in-out 0.15s;
   -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
@@ -76,7 +75,7 @@ textarea:focus {
   /* border-color: #66afe9; */
   border-color: #66afe9;
   outline: 0;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
     0 0 8px rgba(102, 175, 233, 0.6);
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 53945a22cf3005080c53a035f2d6c356305babee..cfa6458a32884b91f22fd2935218aa13101467c7 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -8,6 +8,7 @@ section:first-child {
 section:first-child div {
   width: 900px;
   background-color: rgba(51, 47, 47, 0.8);
+  backdrop-filter: blur(5px);
   /* box-shadow: 2px 4px 8px rgb(68, 67, 67); */
   border-radius: 10px;
   text-align: center;