:root{

	--col3: rgb(62 62 66);
	--colbg: rgb(45,45,48);
    --coltop: #28282B;
}

* {
    /* font-family: sans-serif; */
    -ms-overflow-style: none;
    scrollbar-width: none;
}	
  
*::-webkit-scrollbar {
    display: none;  
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--colbg);
}

.kanban {
	display: flex;
	padding: 1vw;
	width: 98vw;
	background: var(--colbg);
	border-radius: 5px;
	overflow: hidden;
}

.kanban * {
	font-family: sans-serif;
}

.kanban__column {
	flex: 1;
	flex-shrink: 0;
	max-width: 24vw;
}

.kanban__column:not(:last-child) {
	margin-right: 1vw;
}

.kanban__column-title {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-stretch:wider;
	margin-bottom: 1rem;
	font-size: 30px;
	font-weight: bolder;
	color: #7DFDFE;
	user-select: none;
	display: flex;
	justify-content: center;
}
/* rgb(0,152,255) */
.kanban__column-items {
	background-color: var(--colbg);
	overflow-x: wrap;
}

.kanban__item-input {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	padding: 1vw;
	max-width: 100%;
	box-sizing: border-box;
	background: var(--col3);
	color: white;
	border-radius: 5px;
	cursor: pointer;
	overflow-wrap: break-word;
}

.kanban__dropzone {
	height: 10px;
	transition: background 0.15s, height 0.15s;
}

.kanban__dropzone--active {
	height: 20px;
	background: rgba(0, 0, 0, 0.25);
}

.kanban__add-item {
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
	background: rgba(0, 0, 0, 0.1);
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.kanban__add-item:hover {
	color: #DF740C;
	transform: scale(1.1);
}

#top {
	display: flex;
	justify-content: space-evenly;

	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bolder;
	font-size: 4rem;
	color: #DF740C;

	background: var(--coltop);
	padding: 2rem;
}

#title {
	color: 	#7DFDFE;
}

.finito {
	background-color: lightgreen;
}

/* .kanban__item + .kanban__column-title {

} */