@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
	max-width: 1920px;
	margin: auto;
	padding: 16px;
	font-family: 'Montserrat', sans-serif;
}

header {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 16px;
	padding: 8px;
	background-color: #7451eb;
	text-align: center;
	color: white;
}
header img {
	height: 60px;
	margin-left: 1rem;
}
header h1 {
	flex-grow: 1;
}

main {
	display: flex;
	flex-direction: row;
}


.form-table {
display: table;
}

.form-row {
display: table-row;
}

.form-row label {
display: table-cell;
text-align: left;
padding-right: 10px;
}

.form-row input {
display: table-cell;
}

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


.button {
display: inline-block;
background-color: #ff6600; /* Orange */
border: 20px;
margin: 20px;
color: white;
padding: 25px;
text-align: center;
text-decoration: none;
font-size: 25px;
border-radius: 5px;
box-shadow: 0 4px #cc5200; /* Darker orange */
}

.button:hover {
background-color: #ff8533; /* Lighter orange */
}

.button:active {
background-color: #ff8533;
box-shadow: inset 0 4px #cc5200;
transform: translateY(4px);
}

table{
border-collapse:collapse;
border:1px solid #FF0000;
}

table td{
border:1px solid #FF0000;
}