body {
		background:#fff; color:#000;
		background-image: url("/gfx/wedbg.webp");
	}
  
    /* Ustawia element DIV na środku ekranu */
    #prezentForm {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
	  font-family:Arial, sans-serif;
	  font-size:2rem;
	  max-height:100%;
	  //border:1px solid red;
    }
	
	label {
		//border:1px solid blue;
		display:block;white-space:nowrap;
		}
	
    input {
	  font-family:Arial, sans-serif;
	  font-size:2rem;
	  text-align:center;
	  margin:2vw auto;
	  display:block;
    }

	input#odpowiedz {
	border-bottom: 1px solid red;
	border-top:0;
	border-left:0;
	border-right:0;
	outline: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1));
	text-transform:uppercase;
	}		

	#odpowiedz:focus::placeholder {
	visibility: hidden;
	}
	
	input#submit {font-size:1.5rem; padding:0.5rem 0.7rem;}
	

	p#komunikat {text-align:center; display:block; margin:2vw auto; color:red;}

	.help {width:42%; float:left; font-size:1.3rem; padding:4%;}
	.help img {width:35%; aspect-ratio:1/1;}
	.left {text-align:right; }
	.right {text-align:left; }
	.tooltip img {width:100%;}
	
	.imgTop {width:50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.tooltip {position:absolute; right:0; bottom:0; border:2px solid #dedede; border-radius:7px; width: fit-content; background:white; font-size:1.5rem; padding:1rem; text-align:left; display:none; cursor:pointer;}
	
	@media screen and (max-width: 1008px) {
	#prezentForm {font-size:3rem;}
	.help {font-size:2rem; }
	input#odpowiedz {margin-top:3rem; margin-bottom:1rem; font-size:3.5rem;}
	input#submit {font-size:3rem; padding:0.5rem 0.7rem;}
	.tooltip {font-size:2rem;}
	}