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

body {
  transition: background 0.3s, color 0.3s;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
   background-color: #2b2c31;
  color: #e0e0e0;
}



button, select {
   background-color: #232324;
  color: white;
    padding: 10px 15px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
}

button:hover {
  background-color: #2d3033;
}


.main {
	display: flex;
	margin-top: 50px;
	justify-content: space-around;
	flex-wrap: wrap;
}

.input_column {
	display: flex;
	flex-direction: column;
	
}

.number {
	width: 30px;
}


.view_column {
	display: flex;
	flex-direction: column;

}

.view_column textarea {
	width: 300px;
	height: 300px;
}

.lesioni_box {
	margin-top: 50px;
}

.row {
	display: flex;
	width: 300px;
	align-items: center;
	gap: 25px;
	
	padding: 8px;
	
}

#textarea {
	border: 0px solid;
	margin-bottom: 15px;
	 font-family: 'Segoe UI', sans-serif;
	box-sizing: border-box;
	border: 2px solid #ccc;
	resize: none;
	border-radius: 4px;
	padding: 12px 20px;
	width: 500px;
	height: 600px;
}