/* Zentrierter Container
--------------------*/

	.center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

/* Aufgabe
-----------*/

	#task {
		font-size: 90px;
		color: #FFFFFF;
		background-color: transparent;
		text-align: center;
		border: none;
		padding: 30px 50px 0 50px;
	}

	#task:focus {
		outline: none;
	}

/* Timer
---------*/

	#timer {
		font-size: 200px;
		font-weight: bold;
		margin-top: 50px;
		color: #FFFFFF;
		letter-spacing: 15px;
	}

/* Button
----------*/

	#btn {
		font-size: 30px;
		font-weight: bold;
		background-color: #FB5B3B;
		color: #FFFFFF;
		display: inline-block;
		margin: 0 auto;

		padding: 10px 30px;
		cursor: pointer;
		text-align: center;
		margin-top: 50px;
	}

	#btn:hover {
		opacity: 0.8;
	}

/* Karte
---------*/

	.card {
		display: inline-block;
		padding: 0 30px;
		background-color: rgba(255,255,255,0.1);
		border-radius: 20px;
		color: #FFFFFF;
		font-size: 30px;
	}