:root {
--left-decoration-color: white;
--right-decoration-color: white;
}
.decor {

   position: relative;
   margin: 20px;
   padding: 10px;
   background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #659c1e 100%);
   border-radius: 30px;
}
.form-left-decoration, .form-right-decoration {
   content: "";
   position: absolute;
   width: 50px;
   height: 20px;
   background-image: linear-gradient(45deg, #659c1e 0%, #33d9de 50%, #6ab1d7 100%);
   border-radius: 20px;
}
.form-left-decoration {
   bottom: 60px;
   left: -30px;
}
.form-right-decoration {
   top: 60px;
   right: -30px;
}
.form-left-decoration:before, .form-left-decoration:after, .form-right-decoration:before, .form-right-decoration:after {
   content: "";
   position: absolute;
   width: 50px;
   height: 20px;
   border-radius: 30px;
   background-color: var(--left-decoration-color);
}
.form-left-decoration:before {
   top: -20px;
}
.form-left-decoration:after {
   top: 20px;
   left: 10px;
}
.form-right-decoration:before {
   top: -20px;
   right: 0;
   background-color: var(--right-decoration-color);
}
.form-right-decoration:after {
   top: 20px;
   right: 10px;
   background-color: var(--right-decoration-color);
}

.form-inner {
    padding: 0;
    max-width: 95%;
    }

p input, textarea {
   display: flex;
   padding: 0 10px;
   margin: 10px 20px auto;
   background: #E9EFF6;
   line-height: 2em;
   border-width: 0;
   border-radius: 20px;
   width: 90%;
}

.form-inner input[type="submit"] {
   margin-top: 30px;
   background: #41c7af;
   border-bottom: 4px solid #246c31;
   color: white;
   font-size: 1em;
   border-radius: 20px;
   box-shadow: 0 16px 32px 0 rgba(0, 40, 120, .35);
  transition: .5s;
}

.form-inner input[type="submit"]:hover {
   box-shadow: 0 0 0 0 rgba(0, 40, 120, 0);
   background-position: 0 0;
 }

.form-inner textarea {
   resize: both;
}
.form-inner h3 {
   margin-top: 0;
   font-weight: 500;
   font-size: 200%;
   color: #76402c;
}