* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	box-sizing: border-box;
}

 body {
	background: #C50404;
	display: flex;
	min-height: 100vh;
 }

div {
	background:#FFFFFF;
	width=80%;
}

img {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

form{

       margin: auto;
       width: 80%;
       max-width: 500px;
       background: #FFFFFF; 
       padding: 10px;
       border: 1px solid rgba(0,0,0,0.2);
}

.number-input {  /*Añadir el punto al principio */
  width: 60%; 
  text-align: center;
  display: flex;
  justify-content: center;
  border: 2px solid black;
  border-radius: 10px;
  height: 100%;

}
.button {
  width: 20%;
  height: 100%;
  /*justify-content: center;*/
  text-align: center;
  border: none;
  background-color: black;
  font-size: 20%;
  cursor: pointer;
}
h2 {
       text-align: center;
       margin-bottom: 20px;
       color: rgba(0,0,0,0.5);
}
name {
      font-size: 12px;
      display: block;
      width: 50%;
}

select {
      font-size: 12px;
      display: block;
      width: 50%;
      margin-bottom: 10;
}
textarea {
  width: 80%; /* O el porcentaje que quieras */
}
input {
       display: block;
       padding: 5px;
       margin: 20px 0;
       width: 80%;
       font-size: 17px;
       border-radius: 20px;
       margin-bottom: 10;

}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type="submit"] {

      background: linear-gradient(#FFDA63, #FFB940);
      border: 0;
      color: brown;
      opacity: 0.8;
      cursor: pointer;
      border-radius: 20px;
      margin-bottom: 0;

}

input[type="submit"]:hover {
      opacity: 1;
}

input[type="submit"]:active {
      transform: scale(0.95);

}

@media (max-width:768px){
       form {
            width: 75%;
           }
}

@media (max-width:480px){
       form {
            width: 95%;
           }
}