body {
            background-image: url('https://png.pngtree.com/background/20220731/original/pngtree-peach-waves-background-picture-image_1910158.jpg'); /* Replace 'path-to-your-image.jpg' with the actual path to your image */
            background-size: cover; 
            background-repeat: no-repeat; 
        }

/*https://images.pond5.com/clean-orange-background-smooth-waves-footage-090805248_prevstill.jpeg*/
/*https://c8.alamy.com/comp/2CH7AH4/light-wooden-background-wood-texture-with-natural-pattern-the-light-beige-wood-texture-the-horizontal-plank-2CH7AH4.jpg*/



.todo-container {
    width: 300px;
    margin: 0 auto;
    text-align: center;
	position: relative;
	
}

.links-container {
	text-align: center;
	margin-top: 100px;
}
h1 {
    font-size: 24px;
	margin-top: 100px;
    margin-bottom: 10px;
}

h2 {
	text-align: center;
	font-size: 24px;
	margin-top: 100px;
}
input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-right: 10px;
}

button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
	margin-top: 10px;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

input[type="checkbox"] {
    margin-right: 10px;
}

label {
    font-size: 18px;
	text-align: center;
}

button.remove-button {
    padding: 0; 
    background-color: transparent; 
    border: none; 
    cursor: pointer;
    font-size: 18px; 
    color: #FF0000; 
    margin-left: 10px; 
}

button.remove-button::before {
    content: '✕'; 
    font-weight: bold; 
}

.tab {
	overflow: hidden;
	display: flex;
	background-color: #a0522d;
	justify-content: center;
	align-items: center;
	}

.tab button {
	background-color: inherit;
	text-align: center;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 230px;
	transition: 0.3s;
	}

.tab button:hover {
	background-color: #483c32;
	}

.tab button.active {
	background-color: #483c32;
	}

.tabcontent {
	display: none;
	padding: 6px 12px;
	border-top: none;
	font-family: "Tahoma";
	}

.gauge {
	flex: 1;
	margin: 10px; 
}

#completed-count,
#total-count,
#completion-percentage {
    display: none;
}

#Links label {
	text-align: center;
	}
	
#Motivation label {
	text-align: center;
	}

#quote-text {
    text-align: center;
    font-size: 50px;
    margin-top: 100px; 
    font-family: 'Palatino Linotype'; 
	font-weight: bold;
}