Wyslij

.contact-form { position: absolute; margin: 0 auto; width: 350px; height: 500px; background-color: #ffffff; box-shadow: 4px 6px 29px -13px rgba(0, 0, 0, 0.75); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 1em; text-align: center; overflow: hidden; } .name-section { background-color: #f2f2f2; padding: 3em 0; webkit-clip-path: polygon(100% 0, 100% 76%, 60% 76%, 50% 90%, 40% 76%, 0 0); clip-path: polygon(100% 0, 100% 76%, 60% 76%, 50% 90%, 40% 76%, 0 76%, 0 0); } h2{ margin-top: -10px; } h4 { font-size: 12px; font-weight: 300; } .form-control { width: 100%; height: 30px; width: 50%; border: none !important; } body { background: linear-gradient(to right top, #f74cff, #d66eff, #b684ff, #9c93ff, #8b9efc, #76aaff, #67b5ff, #5fbffc, #2ed1ff, #00e1ff, #00f1fd, #00ffef); } *{ font-family: 'Comfortaa', cursive; } .line{ position: absolute; border-top: 1px solid #2a2a2a; } #submit-button { background: linear-gradient(to right top, #f74cff, #d66eff, #b684ff, #9c93ff, #8b9efc, #76aaff, #67b5ff, #5fbffc, #2ed1ff, #00e1ff, #00f1fd, #00ffef); border: medium none !important; border-radius: 10px; height: 30px; width: 155px; }