body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background: white;
      margin: 0;
    }
    .container {
      position: relative;
      width: 300px;
      height: 300px;
    }
    .square {
      width: 100px;
      height: 100px;
      position: absolute;
    }
    .red {
      background-color: rgba(255, 99, 132, 0.8);
      top: 30px;
      left: 30px;
    }
    .blue {
      background-color: rgba(99, 132, 255, 0.8);
      top: 90px;
      left: 90px;
    }
    .green {
      background-color: rgba(102, 255, 178, 0.8);
      top: 150px;
      left: 150px;
    }