body{
  background:rgb(240,240,240);
  color:black;
  margin:0;
  min-height:100vh;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  font-family:Arial, Helvetica, sans-serif;
}

#banner{
  border:0.1vmin solid black;
  border-radius:4vmin;
  max-width:70vw;
  height:18vmin;
  margin-bottom:3vmin;
  user-select:none;
}

/* panel logowania */

#tab{
  background:white;
  padding:4vmin;
  border-radius:2vmin;
  box-shadow:0 0.6vmin 2vmin rgba(0,0,0,0.15);
  width:320px;
  text-align:center;
}

/* inputy */

input{
  width:100%;
  padding:1vmin;
  border:none;
  text-align:center;
  background:transparent;
  font-size:1rem;
}

input:focus{
  outline:none;
}

.field{
  width:100%;
  padding:1vmin;
  border:none;
  text-align:center;
  background:transparent;
}

/* linie */

hr{
  border:none;
  border-top:1px solid rgb(200,200,200);
  margin:0.6em 0;
}

/* przyciski */

.btn,
.inp3,
#installPWA{

  width:100%;
  padding:1.3vmin;

  border-radius:1vmin;

  border:1px solid rgb(180,180,180);

  background:rgb(220,220,220);

  cursor:pointer;

  font-size:1rem;

  transition:0.2s;
}

/* hover */

.btn:hover,
.inp3:hover,
#installPWA:hover{

  background:rgb(200,200,200);
  border-color:rgb(120,120,120);

  transform:translateY(-1px);
}

/* register button */

.registerBtn{
  margin-top:1vmin;
}

/* modal */

.modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.4);

  justify-content:center;
  align-items:center;
}

.modal-content{

  background:white;

  padding:3vmin;

  border-radius:2vmin;

  width:280px;

  box-shadow:0 0.6vmin 2vmin rgba(0,0,0,0.2);
}

.close{
  float:right;
  font-size:22px;
  cursor:pointer;
}

/* responsywność */

@media(max-width:768px){

  #tab{
    width:85vw;
  }

}#tab form{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

#tab input{
  width:80%;
}

#tab button{
  width:80%;
}

hr{
  width:80%;
  margin:4px 0;
}.inp3,
.btn,
#installPWA{
  width:80%;
  padding:10px;
  border-radius:8px;
}#tab h2{
  margin-bottom:10px;
}

#tab input,
#tab button,
#tab .inp3,
#tab #installPWA{
  width:220px;
}