body {
  background-color:#121212;
  color: #f5f5f5;
  font-size:20px;
  font-family: 'Lato', sans-serif;
  width:1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
 
}
 
h1 {
  font-family: 'Shojumaru', cursive;
  color: #f5f5f5
}
 
.poprawna{
  background-color:#538771;
}
.bledna{
background-color:#f34a23;
}
  ul{
 list-style:none; 
  Width:800px;
  
}
ul li{
background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
padding:20px;
font-size:25px;
letter-spacing:1px;


}

.pytanieKontener{
  display:none;
  width:inherit;/*dziedziczenie szzerokości*/
  height:300px;
  padding:12px;
}

li:hover .pytanieKontener{
  display:block;
}

li:hover span{
  
 
  transition-duration:1.5s;
 background: #141E30; 
padding:5px;
border-radius:15px;
}
  
.bossImg{
  width:400px;
  height:300px;
  object-fit:cover;
  border-radius:12px;
  margin-right:20px;
  float:left;
  
} 

input{
  
  margin-right:10px;
  margin-bottom:15px;
  transform:scale(1.9);
}

button{
  
  background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


  
}

button:hover{
  opacity:0.5;
  cursor:pointer;
}


h3{
  display:inline;
}