body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
    font-family: sans-serif;
    flex-direction: column;
  }
  
  .container {
    text-align: center;
  }
  
  .progress-circle {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 20px auto;
  }
  
  .circle-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #ddd;
      border: 6px solid #ddd;
      box-sizing: border-box;
      z-index: 1;
  }
  
  
  .circle-progress {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-image: conic-gradient(green 0deg, green var(--progress-angle), transparent var(--progress-angle), transparent 360deg);
      z-index: 2;
      --progress-angle: 0deg;
      transition: background-image 0.1s linear;
  }
  
  
  .countdown {
      font-size: 2em;
      margin-top: 20px;
  }
  
  .browser-info {
      margin-top: 20px;
      font-weight: bold;
  }