*{
      margin: 0;
      padding: 0;
    }

    body{
      padding: 0;
      margin: 0;
    }

    .default{
      height: 40px;
    }
    .my-project{
      position: fixed;
      background: #007bff;
      color: #fff;
      display: flex;
      width: 100%;
      padding-left: 20PX;
      padding-bottom: 10PX;
      padding-top: 6PX;
      font-size: 20PX;
    }

    .project-name{
      margin-left: auto;
      padding-right: 55px;
      color: #111;
      font-weight: bolder;
    }
   .main{
      font-family: Arial, sans-serif;
      background: #f4f6f8;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      padding: 15px;
      
    }

    .container {
      background: white;
      width: 100%;
      max-width: 500px;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    select, textarea, button {
      width: 100%;
      margin-top: 10px;
      padding: 10px;
      font-size: 16px;
      border-radius: 6px;
      border: 1px solid #ccc;
    }

    textarea {
      resize: none;
      overflow: hidden;
      min-height: 80px;
    }

    .buttons {
      display: flex;
      gap: 10px;
      margin-top: 10px;
    }

    button {
      cursor: pointer;
      border: none;
      background: #007bff;
      color: white;
    }

    button.clear {
      background: #dc3545;
    }

    button:hover {
      opacity: 0.9;
    }