body {
      background: #111;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Segoe UI', sans-serif;
    }

    .calculator {
      width: 400px; /* increased width */
      background: rgba(0,0,0,0.5);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,0.1);
      padding: 20px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.6);
      color: #fff;
    }

    .display {
      width: 100%;
      height: 60px;
      border: none;
      border-radius: 10px;
      text-align: right;
      padding: 10px;
      font-size: 1.5rem;
      margin-bottom: 15px;
      background: rgba(255,255,255,0.05);
      color: #fff;
      box-shadow: inset 0 4px 6px rgba(255,255,255,0.1);
    }

    .btn-calculator {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.2);
      color: #fff;
      font-size: 1.2rem;
      margin: 5px;
      border-radius: 10px;
      width: 70px; /* increased width */
      height: 60px;
      transition: all 0.2s ease;
      box-shadow: 0 4px 8px rgba(255,255,255,0.1);
    }

    .btn-calculator:hover {
      background: rgba(255,255,255,0.2);
      color: #ff7f50;
      transform: scale(1.1);
      box-shadow: 0 6px 12px rgba(255,127,80,0.5);
    }

    .btn-calculator:active {
      transform: scale(0.95);
    }

    .btn-clear {
      background: #ff7f50;
      color: #fff;
      width: 100%;
      height: 50px;
      border-radius: 10px;
      margin-top: 10px;
      transition: all 0.2s;
    }

    .btn-clear:hover {
      background: #ff4500;
      color: #fff;
      box-shadow: 0 6px 12px rgba(255,69,0,0.5);
    }
    #org{
        background-color: orange;
        color: white;
    }