body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: space-between; /* Ajuste para espaço entre os elementos */
    align-items: center;
    background-color: #f0f0f0; /* Cor de fundo cinza claro */
    padding: 0 20px; /* Adiciona um mínimo de margem à esquerda e à direita */
  }
  
  .container {
    display: flex;
    width: 100%; /* Certifique-se de que o contêiner ocupa toda a largura disponível */
  }
  
  .circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid black;
  }
  
  .yellow {
    background-color: rgb(247, 147, 7);
  }
  
  .blue {
    background-color: blue;
    margin-left: auto; 
  }