.sidenav {
	font-family: Verdana;
    height: 100%;
    width: 240px;
	left:-240px;
    position: fixed;
    z-index: 4;
    top: 0;
    overflow-x: hidden;
    transition: 0.3s linear;
    padding-top: 20px;}
.sidenav a {
    padding: 8px 8px 8px 14px;
    text-decoration: none;
    font-size: 23px;
    color: #ECECEA;
    display: block;
    transition: 0.3s linear;
	border-bottom: 0px solid;
	margin-top:-1px; margin-left:-2px; margin-right:-2px;
	box-shadow: 0px 0px 1px 1px #74AFAD inset;}
.sidenav a:hover {
    color: #D9853B;}
#submitbtn {
border-radius:8px;
position:relative; 
left:158px;
top:-29px;
opacity:0.5;
transition:0.5s linear;}
.closebtn {
    display:none;
	cursor:pointer;
	z-index:3;
	border:1px solid #444;
	border-radius: 0 15px 15px 0;
	background-color:#74AFAD;
	color:#eee;
    position:fixed;
	width:50px;
	top:10px;
	left:-100px;
    font-size:50px;
	text-align:center;
	vertical-align:middle;
	box-shadow: 4px 2px 3px 1px #333;}
.menu_glowne{
    display:none;
	cursor:pointer;
	z-index:3;
	border-color:#444;
	border-style:solid;
	border-width:1px 1px 1px 0;
	border-radius: 0 15px 15px 0;
	background-color:#74AFAD;
	color:#eee;
    position:fixed;
	width:50px;
	height:100px;
	top:120px;
	left:240px;
	box-shadow: 4px 2px 3px 1px #333;
	transition:0.5s;}
.menu_gry{
    display:none;
	cursor:pointer;
	z-index:5;
	border-color:#444;
	border-style:solid;
	border-width:1px 1px 1px 0;
	border-radius: 0 15px 15px 0;
	background-color:#558C89;
	color:#eee;
    position:fixed;
	width:50px;
	height:100px;
	top:210px;
	left:240px;
	box-shadow: 4px 2px 3px 1px #333;
	transition:0.5s;}
.text_rotation {
	padding-top:6px;
	margin-top:34px;
	font-size:20px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);}
#main {
	transition:0.3s linear;
    padding:16px;}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  #submitbtn {left:156px;top:-25px}
  .menu_glowne {top:80px;height:90px;}
  .menu_gry {top:160px;height:90px;}
  .text_rotation{margin-top:28px;}
  }
.dragme{position:relative;
cursor: move;
}
#chowanyopis {
font-size: 15px;
text-align: justify;
color: #eee;
padding:12px;
margin-top:-16px;
max-height:140px;
display:inline-block;
overflow:hidden;
}
#chowanyopis-fadeout {
top:0px;
margin-top:-150px;
height:150px;
display:block;
position:relative;
background: linear-gradient(rgba(85, 140, 137, 0) 10%, rgba(85, 140, 137, 1));
}
#chowanyopis-przycisk {
box-shadow: 0px 0px 1px 1px #74AFAD inset;
width:120px;
border: solid 1px #74AFAD;
border-radius:8px;
margin: 3px auto 20px auto;
color: #eee;
font-size: 20px;
text-align: center;
padding:8px;
cursor:  pointer;
}
#dzwiek-przycisk {
box-shadow: 0px 0px 1px 1px #74AFAD inset;
width:100px;
border: solid 1px #74AFAD;
border-radius:8px;
margin: 24px auto 20px auto;
color: #eee;
font-size: 14px;
text-align: center;
padding:0px 6px 6px 6px;
cursor:  pointer;
}
#dzwiek-chowanyopis{
font-size: 15px;
text-align: justify;
color: #eee;
padding:12px;
display:none;
}
#dzwiek-chowanyopis td , #dzwiek-chowanyopis table{
font-size: 15px;
text-align: justify;
color: #111;
padding:6px;
border-collapse:collapse;
border-radius:12px;
background-color:#ECECEA;
box-shadow: 0px 0px 1px 1px #74AFAD inset;
}
#ocenianie img{
box-shadow: 0px 0px 1px 1px #74AFAD inset;
border: solid 1px #74AFAD;
border-radius:8px;
margin: 14px;
color: #eee;
font-size:20px;

padding:8px;
cursor:pointer;
}
#ocenianie{
margin:auto;
text-align:center;
}
#podoba-sie{
font-size: 15px;
text-align: justify;
color: #eee;
padding:12px;
margin-top:-16px;
display:none;
}