I need help with my website , each time I click on the form it deforms
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style media="screen"> * { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } body{ margin: 0; padding: 0; font-family: sans-serif; background-image: url(bg2.jpg); background-size: cover; } .box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75%; height: 65%; padding: 6%; background: rgba(0, 0, 0, 0.6); box-sizing: border-box; box-shadow: 0 15px 25px rgba