body * {
	color: #fff;
	background-color: transparent;
}
body {
	background-color: #000;
	padding-top: 50px;
}
input {
	border-style: dotted;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #fff;
	text-align: right;
}
.container {
	padding-top: 50px;
}
.buttonIcons {
	background-color: transparent;
	color: #000;
}
.operation {
	padding-left: 5px;
	cursor: pointer;
}
.checkbox {
	cursor: pointer;
}
#tasks {
	width: 500px;
	text-align: center;
}
#tasks td {
	height: 100px;
	width: 16%;
}
.bigSize, .bigSize * {
	font-size: 4rem;
}
.ui-slider {
	font-size: 2rem;
}
.ui-widget-content .ui-state-default {
	background-image: none;
	background-color: rgb(40, 167, 69);
}
#canvasSection{
	position:fixed;
	top: 0;
	left: 0;
}

@media screen and (max-height: 1200px) {
	body {
		padding-top: 20px;
	}
	.bigSize, .bigSize * {
		font-size: 3rem;
	}
	.ui-slider {
		font-size: 2rem;
	}
	#tasks td {
		height: 60px;
		width: 16%;
	}
}