@media screen and (max-width: 480px) {
	body {
		font-size: 15px;
	}
	.text {
		font-size: 12.5px;
	}
	section {
		top: 20%;
		right: 0;
		width: 100%;
	}
	.main_header {
		height: 15rem;
	}
	.todo_input {
		margin-bottom: 1rem;
	}
	.todo_container {
		top: 25%;
		right: 0;
		width: 100%;
		padding: 1rem;
	}
	.todo_list_footer {
		flex-direction: column;
		align-items: stretch;
	}
	.todo_list_footer .filter-btn_con {
		order: 2;
		display: flex;
		justify-content: center;
		gap: 15px;
		padding: 10px;
		border-radius: 8px;
	}
	.todo_list_footer p {
		order: 1;
	}
	.clear-completed {
		order: 1;
		align-self: flex-end;
	}
}