body{
    margin: 0px;
    font-family: 'Century Gothic';
    background-color: white;
}
/*NAGŁOWEK*/
.nav{
    margin: 0px;
    position: fixed;
    width:100%;
    background-color: rgb(224, 224, 224);
}

.nav-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.nav-list-item{
    float: left;
    height: 50px;
}

.nav-list-image{
    float: left;
    height: 50px;
}

.nav-list-image img{
    padding-top: 5px;
    padding-left: 50px;
    padding-right: 15px;
    height: 40px;
    width: auto;
}

.nav-list-item a, .drop-btn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.nav-list-item a:hover, .dropdown:hover .drop-btn {
  background-color: #111;
}

.nav-list-item.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

/* STRONA GŁÓWNA */
.body{
    padding-top:50px;
}

.bignews{
    margin-top: 0px;
    width: 100%;
    height: 800px;
    background-color: rgb(18, 44, 92);
    background-repeat: no-repeat;
    background-size: 100% 800px;
}

.bignews:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;

}

.bignews-panel{
    display: inline-block;
    vertical-align: middle;
    width: 550px;
    padding: 1px 1px 1px 10%;
}
.bignews-title{
    margin: 0px;
    font-size: 45px;
    color:white;
}
.bignews-description{
    color:white;
}
.bignews-button{
    clear:none;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    color:white;
    background-color:#111;
    transition-duration: 0.4s;
}
.bignews-button:hover{
    background-color:#333;
}

.ourgames{
    padding-bottom: 30px;
}
.ourgames h2{
    text-align:center; 
}

/*.ourgames-gamesbox{
    margin:auto;
    width:75%;
    background-color: gainsboro;
    border-radius: 10px;
    height: 500px;
}*/

.ourgames-gamesbox{
    margin-left:auto;
    margin-right:auto;
    width:75%;
    height:500px;
}

.ourgames-gamesbox-left{
    float:left;
    margin:0px;
    width: 33%;
    height: 100%;
    background-color: rgb(43, 151, 223);
    background-size: auto 100%;
    background-image: url('../img/efts-background.png');
    background-repeat: no-repeat;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align:center;
}
.ourgames-gamesbox-text{
    padding: 10px;
    text-align:justify;
    height: 200px;
}
.ourgames-gamesbox-center{
    float:left;
    margin:0px;
    width: 34%;
    height: 100%;
    color: white;
    background-color: rgb(12, 69, 107);
    background-size: auto 100%;
    background-image: url('../img/spacecleaner-background.png');
    background-repeat: no-repeat;
    text-align:center;
}
.ourgames-gamesbox-right{
    float: right;
    margin:0px;
    width: 33%;
    background-color: rgb(0, 173, 185);
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align:center;
}

.ourgames-logobox{
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ourgames-gamesbox-left img{
    height: auto;
    width: 100%;
}

.ourgames-gamesbox-right img{
    height: 200px;
    width: auto;
}

.ourgames-gamesbox-right p,.ourgames-gamesbox-left p{
    color:rgb(233, 233, 233);
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.ourgames-gamesbox-button{
    clear:none;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    color:rgb(233, 233, 233);
    background-color:rgb(61, 61, 61);
    transition-duration: 0.4s;
}
.ourgames-gamesbox-button:hover{
    background-color:rgb(0, 108, 151);
}

.latestnews{
    padding-bottom: 30px;
}
.latestnews h2{
    text-align:center; 
}
.latestnews-newsbox{
    max-width: 1000px;
    margin:auto;
    clear:both;
}
.latestnews-newsbox-news img{
    width:100%;
    height: auto;
    margin-top:10px;
    border-radius: 5px;
}
.latestnews-newsbox-news h3{
    text-align: center;
    margin: 3px;
    
}
.latestnews-newsbox-news{
    width: 30%;
    margin-left:1%;
    margin-right:1%;
    text-align: justify;
    margin-bottom: 10px;
    float: left;
}
.socialmedia{
    padding-top: 10px;
    padding-bottom: 30px;
    clear:both;
    text-align:center; 
}
.socialmedia h2{
    text-align:center; 
}
.socialmedia-text{
    text-align:center; 
}
.socialmedia-button img{
    max-height: 32px;
}
/*STOPKA*/
.footer{
    text-align: center;
    background-color: #333;
    width:100%;
    height: 24px;
    padding-top: 9px;
    font-size: 10px;
    color: white;
    clear: both;
}
/* ALERT O CIASTECZKACH*/
#cookie{
    position: fixed;
    width:100%;
    padding-top: 5px;
    line-height: 30px;
    padding-bottom: 15px;
    background-color: #111;
    color: white;
    height: 20px;
    bottom:0px;
    padding-left:10px;
    text-align: left;
}
#cookie button{
    border: none;
    color: white;
    border-radius: 5px;
    background-color: orangered;
    padding: 7px;
    float: right;
    margin-right: 15px;
    margin-bottom: 5px;
    transition-duration: 0.4s;
}
#cookie a{
    color: yellow;
    text-decoration: none;
}
#cookie button:hover{

    background-color: orange;

}
/* OPIS GRY */
.gamedescription{
    padding-bottom: 30px;
}
.gamedescription h2{
    text-align:center; 
}
.gamedescription p{
    max-width: 1000px;
    margin: auto;
    text-align: justify;
}
/* GALERIA ZDJĘĆ */
.photogallery{
    padding-bottom: 30px;
}
.photogallery h2{
    text-align:center; 
}

.photogallery-canvas{
    margin:auto;
    width: 800px;
    height: 450px;
    background: gainsboro;
    border-radius: 5px;
    background-size:100% 100%;
}

.photogallery-canvas-leftbutton{
    margin-left: 5px;
    margin-top:175px;
    float: left;
}

.photogallery-canvas-rightbutton{
    float: right;
    margin-right: 5px;
    margin-top:175px;
}
/* PODSTRONA O NAS*/
.aboutus{
    margin-top:0px;
    min-height:860px;
    background-color: rgb(119, 177, 43);

}
.aboutus-title{
    float:left;
    font-size: 45px;
    margin-top:300px;
    margin-left:200px;
    margin-bottom: 0px;
    color:white;
}
.aboutus-description{
    clear:left;
    margin-top:300px;
    margin-left:200px;
    margin-bottom: 0px;
    max-width: 460px;
    color:white;
    text-align: justify;
}
.aboutus-socialmedia-title{
    float:left;
    font-size: 15px;
    margin-left:200px;
    margin-bottom: 5px;
    color:white;
}
.aboutus-socialmedia-icons{
    clear:left;
    margin-top: 0px;
    margin-left:200px;
    margin-bottom: 0px;
    max-width: 460px;
    color:white;
    text-align: justify;
}

/* LEGCAL DISCLAIMER */
.legal-disclaimer{
    clear:both;
    text-align: center;
    width:100%;
    color: black;
    background-color: rgb(153, 153, 153);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
}
/*PODSTRONA SPACE CLEANER*/
.spacecleaner-bigpanel{
    margin-top: 0px;
    width: 100%;
    height: 800px;
    text-align: center;
    background-color: rgb(12, 69, 107);
    background-repeat: no-repeat;
    background-image: url('../img/spacecleaner-bigpanel-background.png');
    background-size: 100% 800px;
}

.spacecleaner-bigpanel:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.spacecleaner-bigpanel-panel{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: center;
    padding: 1px 1px 1px 1px;
}
.spacecleaner-bigpanel-panel img{
    width: 100%;
    height: auto;
}
.spacecleaner-bigpanel-title{
    float:left;
    font-size: 45px;
    color:white;
}
.spacecleaner-bigpanel-description{
    clear:left;
    color:white;
}
.spacecleaner-bigpanel-description img{
    width:240px;
    height: auto;
}
.spacecleaner-bigpanel-button{
    clear:none;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    color:white;
    background-color:#111;
    transition-duration: 0.4s;
}
.spacecleaner-bigpanel-button:hover{
    background-color:#333;
}
/*PODSTRONA FALLING PUZZLE*/
.fallingpuzzle-bigpanel{
    margin-top:0px;
    width: 100%;
    height: 800px;
    text-align: center;
    background-color: rgb(0, 173, 185);
    background-image: url('../img/fallingpuzzle-bigpanel-background.png');
    background-repeat: no-repeat;
    background-size: 100% 800px;

}
.fallingpuzzle-bigpanel:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.fallingpuzzle-bigpanel-panel{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: center;
    padding: 1px 1px 1px 1px;
}
.fallingpuzzle-bigpanel-panel img{
    width: 50%;
    height: auto;
}
.fallingpuzzle-bigpanel-title{
    float:left;
    font-size: 45px;
    color:white;
}
.fallingpuzzle-bigpanel-description{
    clear:left;
    color:white;
}
.fallingpuzzle-bigpanel-description img{
    width:240px;
    height: auto;
}
.fallingpuzzle-bigpanel-button{
    clear:none;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    color:white;
    background-color:#111;
    transition-duration: 0.4s;
}
.fallingpuzzle-bigpanel-button:hover{
    background-color:#333;
}
/*PODSTRONA DARK FOREST*/
.efts-bigpanel{
    margin-top:0px;
    width: 100%;
    height:800px;
    text-align: center;
    background-color: rgb(0, 173, 185);
    background-image: url('../img/efts-bigpanel-background.png');
    background-repeat: no-repeat;
    background-size: 100% 800px;

}
.efts-bigpanel:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.efts-bigpanel-panel{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: center;
    padding: 1px 1px 1px 1px;
}
.efts-bigpanel-panel img{
    width: auto;
    height: auto;
}
.efts-bigpanel-title{
    float:left;
    font-size: 45px;
    color:white;
}
.efts-bigpanel-description{
    clear:left;
    color:white;
}
.efts-bigpanel-description img{
    width:240px;
    height: auto;
}
.efts-bigpanel-button{
    width: auto;
    clear:none;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    color:white;
    background-color:#111;
    transition-duration: 0.4s;
}
.efts-bigpanel-button:hover{
    background-color:#333;
}
/* WIADOMOŚCI */
.mainnews{
    padding-bottom: 30px;
}
.mainnews h1,.mainnews h5{
    text-align:center; 
}
.mainnews hr{
    width: 850px;
}
.mainnews-post{
    max-width: 800px;
    margin:auto;
    clear:both;
    text-align: center;
}
.mainnews-post img{
    max-width: 100%;
    height: auto;
    text-align: center;
}
.mainnews-post h2{
    text-align:center;
}
.mainnews-post-titlelink{
    color: black;
    text-decoration: none;
}
.mainnews-post-titlelink:hover{
    text-decoration: underline;
}
.mainnews-post-miniinfo{
    margin-top: 5px;
    font-size: 10px;
    clear:both;
}
.mainnews-post-miniinfo-left{
    float: left;
    text-align:left;
}
.mainnews-post-miniinfo-right{
    float: right;
    text-align: right;
}
.mainnews-post-miniinfo-right a{
    color: black;
    text-decoration: none;
}
.mainnews-post-miniinfo-right a:hover{
    color: black;
    text-decoration: underline;
}
.pagination{
    text-align: center;
    list-style-type: none;
    display: inline-block;
    padding: 0px;
}

.page-item{
    float: left;
    background-color: #088fb8;
    padding: 5px;
}

.page-item-left{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #066380;
}

.page-item-right{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #066380;
}

.page-link-selected{
    background-color: #23758e;
}

.page-link{
    color :white;
    text-decoration: none;
}

.disabled{
    pointer-events: none;
}