*{
	font-family: calibri;
	color: #111;
	text-decoration: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
:root{
	--button-bg-red: rgb(255, 51, 51);
	
	--color-gray-1: rgb(190, 190, 190);
	--color-gray-2: gray;
	
	--color-blue-1: rgb(204, 229, 255);
	--color-blue-2: rgb(51, 153, 255);
	--color-blue-3: rgb(0, 115, 230);
	
	--color-green-1: rgb(204, 255, 204);
	--color-green-2: rgb(0, 179, 89);
	--color-green-3: rgb(0, 128, 64);
	
	--color-yellow-1: rgb(255, 255, 179);
	--color-yellow-2: rgb(255, 255, 51);
	--color-yellow-3: rgb(255, 187, 51);
	
	--color-orange-1: rgb(255, 191, 128);
	--color-orange-2: rgb(255, 117, 26);
	
	--color-red-1: rgb(255, 102, 102);
	--color-red-2: rgb(255, 51, 51);
	--color-red-3: rgb(255, 0, 0);
	
	--filter-green-3: brightness(0) saturate(100%) invert(22%) sepia(79%) saturate(4299%) hue-rotate(150deg) brightness(90%) contrast(101%);
}
body{
	background: rgb(240, 240, 240);
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.section-main{
    flex:1;
	margin: 0 8px 8px 8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	overflow-y: scroll;
	border-radius: 8px;
	border-top: 1px solid var(--color-blue-3);
	border-bottom: 1px solid #ddd;
	max-height: 100%;
}
.section-row{
	display: grid;
	gap: 8px;
}
	.section-column{
		display: flex;
		flex-direction: column;
		gap: 8px;
	}