turnstile is working - keep SSL turned of on dev

frontend/src/components/home/ContactMe/contact-me.module.css

@@ -126,6 +126,35 @@
     background: linear-gradient(135deg, var(--c-boxes), var(--c-background-light));
 }
 
+@keyframes envelopeFadeOut {
+    from { opacity: 1; transform: scale(1) translateY(0); }
+    to   { opacity: 0; transform: scale(0.88) translateY(-12px); }
+}
+
+.envelope-fadeout {
+    animation: envelopeFadeOut 0.4s ease forwards;
+    pointer-events: none;
+}
+
+@keyframes successFadeIn {
+    from { opacity: 0; transform: translateY(24px); }
+    to   { opacity: 1; transform: translateY(0); }
+}
+
+.success-panel {
+    margin: 15em auto 3em;
+    width: 30em;
+    max-width: 100vw;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+    padding: 2rem;
+    text-align: center;
+    animation: successFadeIn 0.5s ease forwards;
+}
+
 @keyframes shake {
     0% { transform: translateX(0); }
     25% { transform: translateX(-2px) rotate(-8deg); }
@@ -147,7 +176,8 @@
 
 
 @media only screen and (max-width: 990px){
-    .contact-me {
+    .contact-me,
+    .success-panel {
         width: min(30em, 100%);
         margin: 11rem auto 1.5rem;
     }