:root {
    --theme-primary: hsl(204.51, 100%, 32.16%);
    --theme-primary-light: hsl(204, 100%, 99%);
    --theme-primary-dark: hsl(204, 100%, 20%);
}


body {
	background-color: var(--theme-primary-light);
	font-family: Arial, sans-serif;
	margin: 20px;
	padding: 20px;
}

h1 {
	color: var(--theme-primary);
}
h2 {
	color: var(--theme-primary);
}
.text {
	color: var(--theme-primary-dark);
}

#language-select { 
	position: absolute; 
	top: 10px; 
	right: 10px; 
	padding: 8px 12px;
	font-size: 16px;
	border: 2px solid var(--theme-primary);
	border-radius: 5px;
	background-color: var(--theme-primary-light);
	color: var(--theme-primary);
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease;
}

#language-select:hover {
	background-color: var(--theme-primary);
	color: var(--theme-primary-light);
}