/* Basic page layout */
body {
  font-family: Arial, sans-serif;
  padding: 30px;
}

#circles-container {
  display: flex;      /* puts children in a row */
  gap: 16px;          /* space between circles */
  align-items: center;
}

/* The circles (children) */
.circle {
  width: 80px;
  height: 80px;
  background-color: blue;
  border-radius: 50%; /* makes it a circle */
  cursor: pointer;
}