.responsive-textarea {
        /* Czcionka Arial */
        font-family: Arial, Helvetica, sans-serif;
        
        /* Dostosowanie do ekranu */
        width: 100%; /* Zajmuje całą szerokość rodzica */
        max-width: 800px; /* Opcjonalnie: maksymalna szerokość */
        height: 200px; /* Początkowa wysokość */
        
        /* Box-sizing gwarantuje, że padding nie zwiększy szerokości */
        box-sizing: border-box; 
        
        /* Opcjonalne poprawki estetyczne */
        padding: 10px;
        resize: vertical; /* Pozwala użytkownikowi zmieniać tylko wysokość  to z forum PHP.pl */


    }



input[type="text"] {
	  color: gray;
  background-color: white;
  box-sizing: border-box;
  width: 50%;
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 1.5em;
  background: none;
  resize: none;
  outline: none;
}
input[type="text"][required]:focus {
  border-color: black; 
  
}


input[type="text"][required]:hover {
  border-color: black; 
}
input[type="text"][required]:focus + label[placeholder]:before {
  color: black;
}
input[type="text"][required]:focus + label[placeholder]:before,
input[type="text"][required]:valid + label[placeholder]:before {
  transition-duration: 0.2s;
  transform: translate(0, -1.5em) scale(0.9, 0.9);
}
input[type="text"][required]:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}
input[type="text"][required] + label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-3em - 2px);
  margin-bottom: calc((3em - 1em) + 2px);
}
input[type="text"][required] + label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 calc(1em + 2px);
  padding: 0 2px;
  color: #898989;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}






input[type="password"] {
	  color: gray;
  background-color: white;
  box-sizing: border-box;
  width: 50%;
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 1.5em;
  background: none;
  resize: none;
  outline: none;
}
input[type="password"][required]:focus {
  border-color: black; 
  
}


input[type="password"][required]:hover {
  border-color: black; 
}
input[type="password"][required]:focus + label[placeholder]:before {
  color: black;
}
input[type="password"][required]:focus + label[placeholder]:before,
input[type="password"][required]:valid + label[placeholder]:before {
  transition-duration: 0.2s;
  transform: translate(0, -1.5em) scale(0.9, 0.9);
}
input[type="password"][required]:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}
input[type="password"][required] + label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-3em - 2px);
  margin-bottom: calc((3em - 1em) + 2px);
}
input[type="password"][required] + label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 calc(1em + 2px);
  padding: 0 2px;
  color: #898989;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}













html {
  height: 100%;
}
body {
   margin: 0;
    padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  
  

   font-family: "Verdana", sans-serif;
   font-size: 10pt;
  
color: gray;
    text-decoration:none;
  background-color: none;
}


a {
	text-decoration:none;
	cursor:pointer;
	text-decoration:none;
	color:gray;
	font-weight: normal;
	align-items: center;
	
	
}
a:hover {
	text-decoration:none;
	opacity:1.0;
	color:black;
	
	/*  font-weight: bold; */
}




.link {
	color:gray;
	text-decoration:none;
}
.link:hover {
	text-decoration:underline;
	color:black;
}




.div_user {
		  color: gray;
  background-color: none;
  
	 
}