*{
    font-family: "Poppins", sans-serif;
    font-size: large;
}

#title{
	font-size: 25px;
}

#textBar{
	width: 245px;
	border: none;
}

#timeBar{
	position: relative;
	left: 5px;
	width: 100px;
	border: none;
}

#btn1{
	border-radius: 5px;
	border: none;
	color: white;
	background-color: #131313;
	cursor: pointer;
}

#btn1:hover{
	position:relative;
	top:1px;
	color:#131313;
	background-color: white;
	border:3px, #131313;
}

.todoTask{
	margin-bottom: -2%;
	text-align: center;
	width: 250px;
	text-overflow: ellipsis;
	border-radius: 10px;
	color: white;
	background-color: #131313;
	cursor: pointer;
}

.todoTime{
	position: relative;
	bottom: 7px;
	left: 255px;
	text-align: center;
	width: 100px;
	border-radius: 10px;
	color: white;
	background-color: #131313;
}

@media (max-width: 759px) {
	*{
		font-size: large;
	}
	#title{
		font-size: 3vh;
	}
	#textBar{
		position: absolute;
		top: 10vh;
		left: 3vw;
		width: 40vw;
	}
	#timeBar{
		position: absolute;
		top: 10vh;
		left: 45vw;
		width: 25vw;
	}
	#btn1{
		position:absolute;
		top:10vh;
		left: 75vw;
		color: white;
		background-color: #131313;
	}
	#Liste{
		position:absolute;
		top: 15vh;
	}
	.todoTime{
		position: relative;
		bottom:40px;
		left: 255px;
		text-align: center;
		width: 100px;
		border-radius: 10px;
	}
}