fix overflow contact forms

docs/stylesheets/calendar.css

@@ -109,7 +109,6 @@ body {
     position: relative;
     max-width: 1200px;
     width: 90%;
-    min-width: 400px;
     margin: auto;
     z-index: 5;
     padding: 20px;

docs/stylesheets/extra.css

@@ -726,7 +726,6 @@ a.slide-button:hover {
 .form {
   width: 100%;
   max-width: 1200px;
-  min-width: 400px;
   margin: 0 auto;
   background-color: var(--md-default-bg-color);
   padding: 20px;
@@ -761,6 +760,8 @@ a.slide-button:hover {
   border-radius: var(--border-radius);
   background-color: rgba(15, 54, 90, 1);
   color: white;
+  hyphens: auto;
+  text-wrap: balance;
 }
 
 .md-typeset .md-button:is(:focus) {