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

	border: 4px solid var(--violet);
	border-radius: 4px;
	padding: 10px 7px;
	margin-top: 5px;
}

.tasks_list_item_2{
	display: flex;
	flex-direction: row;
}

.task_list_item_number{
	border: 2px solid var(--violet);
	border-radius: 4px;
	transform: translate(-8px,-8px);
	padding: 2px 5px;
	margin: 5px;
}

.tasks_list_item_2 a{
	text-decoration: none;
	color: black;
}
.tasks_list_item_2 a:hover{
	color: var(--violet);
}