* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body, html {
      height: 100%;
      font-family: sans-serif;     
      background-color: rgb(255,255,204)
      
    }


    .kontejner {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 20px;
    }


    form {
      background: #4CAF50;
      padding: 15px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      width: 314px;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      gap: 15px;
      
    }



    form button {
            align-items: center;
            padding: 20px 40px;
            font-size: 24px;
            background-color: rgb(255,255,204);
            color:  #4CAF50;;
            border: none;
            border-radius: 12px;
            cursor: pointer;
            transition: transform 0.2s;
    }    
         form textarea {
    width: 100%;
  min-height: 100px;
  border-style: none;
  border-radius: 12px;
  resize: none;
  padding: 12px;
    }

    /* Mobilni prostredi */
    @media (max-width: 600px) {
      .kontejner {
        padding: 0;
      }

      form {
        width: 100%;
        height: 100%;
        border-radius: 0;
        box-shadow: none;
        justify-content: center;
        
      }
    }
    h1{font-size: 30px;  font-weight:700; font-family: sans-serif; color:rgb(255,255,204); margin:0px; text-align: center;}
    a{color:rgb(255,255,204); font-size: 15px; text-align: center;}
    b{color:rgb(255,255,204); font-size: 17px; text-align: center; }