body {
	background-color: black;
   margin: 0;
   padding: 0;
}

#topside{
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	height: 100px;
  text-align: center;
   z-index: 99 !important; 
}

#topside img{
	cursor: pointer;
}

#leftside{
	position: absolute;
	top: 0%;
	left: 100px;
	width:140px;
	height: 100%;
  text-align: center;
}

#rightside{
	position: absolute;
	top: 0;
	right: 100px;
	width:140px;
	height: 100%;
  text-align: center;
}
.center {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* kartka i zawartość wewnątrz kartki */

#outer_page{
    position: relative;
	width: 1920px;
	height: 1080px;
	background-color: white;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	background-image: url("pliki/tlo.jpg");
	background-repeat: no-repeat;
	text-align: center;
	background-size: cover;
}

#inner_page{
    position: absolute;
    top: 52%;
    left: 50%;
    width: 1400px;
    height: 900px;
    -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);   
}

/* odsłanianie gifów */

.static {
  position:absolute; 
    background: #efcfaf;
	border-radius: 25px;
}

.static:hover {
  opacity:0;
}

/* obrazy w kolumnach */

* {
  box-sizing: border-box;
}

.row {
  display: flex;
  
	/* to ustawia obrazki po srodku kolumny */
  justify-content: center;
  align-items: center;
  
  height:100%;
}

/* Create three equal columns that sits next to each other */
.column3 {
  flex: 33.33%;
  padding: 20px;
  text-align: center;
}


.column2 {
  flex: 50%;
  padding: 12px;
  text-align: center;
}