@charset "UTF-8";


*{
	padding:0;
	margin:0;
	box-sizing: border-box;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	
	-ms-overflow-style: none;
	scrollbar-width: none;

}

*::-webkit-scrollbar{
	display: none;
}

.board{
	width: 100%;
	height: 100vh;
	overflow: scroll;
	padding-top: 70px;
	
background-image: url(https://plus.unsplash.com/premium_photo-1664304747805-24b97bddf900?q=80&w=1357&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	background-position: center;
	background-size: cover;
}

/*container holding all the lanes */
.lanes{
	display: flex;
	align-items: flex-start;
	justify-content: start;
	gap: 16px;
	
	padding: 24px 32px;
	
	overflow: scroll;
	height: 100%;
}



.heading{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 8px;
}

/*individual lane boxes */
.swim-lane{
	display: flex;
	flex-direction: column;
	gap: 12px;
	
	background-color: #f4f4f4;
	box-shadow: 0px 5px 15px rgba(0,0,0,.25);
	padding: 12px;
	border-radius: 4px;
	width: 225px;
	min-height: 120px;
	
	flex-shrink: 0;
}

.task{
	background: white;
	color: black;
	box-shadow: 0px 5px 15px rgba(0,0,0,.15);
	padding: 12px;
	border-radius: 4px;
	font-size: 16px;
	cursor: move;
}

.is-dragging{
	scale: 1.05;
	box-shadow: 0px 5px 15px rgba(0,0,0,.25);
	background: rgb(50,50,50);
	color: white;
}

header{
	position: fixed;
	background-color: darkgoldenrod;
	width: 100%;
	padding: 20px;

}

.showvid{
	display: none;
}

.hidevid{
	
}