Delete web-kit

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);

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;