body { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0; font-family: Arial; }
main {
	width: 300px; height: 300px; border: 4px solid #333; display: flex; flex-wrap: wrap;
	background-image: url('./babe-01.jpg'); background-size: cover;
}
.kalejdoskop { width: 50px; height: 50px; }

@keyframes colorShift {
	0% { filter: hue-rotate(0deg); }
	50% { filter: hue-rotate(180deg); }
	100% { filter: hue-rotate(360deg); }
}



#settings { margin-left: 15px; }
#settings h2 { margin: 0 0 15px 0; }
#settings input { min-width: 100px; padding: 4px; }
#settings .subsection { margin-bottom: 8px; padding: 4px 8px; border: 1px solid #ccc; }