#data_bg,#data_bg_{
    height:10vw
}
#data_bg_,#logo_bg_{
    z-index:-10;
    position:absolute
}
#fb_logo,#itch_logo,#logo,#tickets{
    width:50%
}
#data_bg_,#logo_bg_,#tooltip{
    position:absolute
}
#data_main,#data_sub,#logo,.button_bar,.faq_content_visible,.shown{
    animation:.5s forwards fadeIn
}
:root{
    --primary:rgb(252, 210, 10);
    --secondary:rgb(35, 50, 107);
    --tetrary:rgb(216, 32, 44);
    --main-text:white;
    --text:black;
    --hShadow:-10px;
    --vShadow:7px;
    --hShadowSoft:-2px;
    --vShadowSoft:1px
}
body{
    padding:20px 30vw 15vw;
    margin:0;
    font-family:"League Spartan",sans-serif;
    font-optical-sizing:auto;
    font-weight:700;
    font-style:normal;
    background-color:var(--primary);
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:var(--text)
}
#rezerw,.ckini,a{
    font-style:oblique
}
body,html{
    max-width:100%;
    overflow-x:hidden
}
.ckini,a{
    color:inherit;
    text-decoration:inherit;
    cursor:pointer
}
#data_bg,.button{
    color:var(--main-text);
    text-align:center
}
h1{
    text-transform:uppercase
}
hr{
    opacity:0;
    height:20px
}
#logo_bg{
    height:30vw;
    -webkit-filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary))
}
#logo_bg_{
    top:20px;
    height:30vw
}
#logo{
    padding:15% 0 0 20%;
    -webkit-filter:invert(1);
    filter:invert(1)
}
#data_bg{
    -webkit-filter:drop-shadow(var(--hShadow) var(--vShadow) var(--secondary));
    filter:drop-shadow(var(--hShadow) var(--vShadow) var(--secondary));
    font-size:1.5vw
}
#data_main{
    display:block;
    padding:7% 0 0 50%;
    font-size:.9em
}
#data_sub{
    font-size:.4em;
    padding:5% 0 0 50%
}
.button_bar, .controls_bar{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center
}
.controls_bar {
    width: 100% !important;
}
.button{
    width:24%;
}
.button,.ctrl_button{
    cursor:pointer
}
.controls_bar > a {
    width: 250px !important;
}
.ctrl_button {
    color:var(--main-text);
    text-align:center;

    width: 100% !important;
    height:64px;
    -webkit-filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    background-color:var(--secondary);
    font-size:1.5em;
    vertical-align: middle;
}
.no_ctrl_button {
    color:black;
    opacity: 0;
    text-align:center;

    width: 300px !important;
    height:64px;
    -webkit-filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    background-color:gray;
    font-size:1.5em;
    vertical-align: middle;
}
.button:hover{
    transform:scale(1.1)
}
.plain_button{
    margin:auto;
    width:30%;
    height:24px;
    -webkit-filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    filter:drop-shadow(var(--hShadow) var(--vShadow) var(--tetrary));
    background-color:var(--secondary);
    font-size:1em
}
.tickets{
    margin:0;
    width:50% !important;
    transform:scale(1);
    height:64px;
    font-size:1.5em;
    cursor:pointer;
    color:var(--primary)
}
#soon{
    font-size:1.1em;
    color:var(--tetrary)
}
#rezerw{
    color:#00f;
    cursor:pointer
}
.section>h1{
    font-weight:700;
    font-size:1.5em;
    color:var(--secondary);
    margin:3% 0 1%;
    -webkit-filter:drop-shadow(2px -2px var(--tetrary));
    filter:drop-shadow(2px -2px var(--tetrary))
}
.faq_icon,.logo_list>a>img:hover{
    -webkit-filter:drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary))
}
.section>span{
    font-weight:500;
    font-size:1em;
    text-align:justify;
    text-justify:auto;
    color:#000
}
.logo_list{
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.logo_list>a>img{
    text-align:center;
    cursor:pointer;
    max-height:128px;
    margin:8px
}
.logo_list>a>img:hover{
    filter:drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary))
}
.org{
    max-height:192px!important;
    height:192px!important
}
.faq_element{
    padding:5px 0
}
.faq_icon{
    display:inline-block;
    padding-right:10px;
    filter:drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary))
}
.faq_title{
    font-size:1.25em;
    cursor:pointer
}
.faq_content{
    padding-top:5px;
    font-size:1em;
    font-weight:500;
    opacity:0
}
.faq_content_visible{
    display:block
}
.faq_content_invisible{
    display:none
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.line,.tris{
    position:fixed;
    display:block;
    z-index:-100
}
.line{
    opacity:.05;
    top:0
}
#line_0{
    right:-140vw
}
#line_1{
    right:-145vw
}
#line_2{
    right:-150vw
}
#line_3{
    left:-30vw
}
#line_4{
    left:-35vw
}
#line_5{
    left:-25vw
}
#tri_0{
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
    right:0;
    top:0
}
#tri_1{
    -webkit-transform:scaleX(2);
    transform:scaleX(2);
    bottom:0;
    left:50%
}
.map-generator{
    max-width:100%;
    max-height:100%;
    background:0 0
}
#gmaps{
    text-decoration:none;
    overflow:hidden;
    max-width:100%;
    width:100%;
    height:400px
}
#tooltip{
    left:400px;
    top:400px;
    border-color:transparent;
    -webkit-filter:drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary));
    filter:drop-shadow(var(--hShadowSoft) var(--vShadowSoft) var(--tetrary));
    transform:scale(1.1)
}
#tooltip_text,#tooltip_text2{
    fill:var(--main-text);
    font-size:.7em;
    transform:scale(.95)
}
.hidden{
    visibility:hidden
}
.shown{
    visibility:visible
}
#building{
    position:fixed;
    right:0;
    bottom:-10px;
    width:256px;
    z-index:-150
}
@media only screen and (max-width:1200px){
    .controls_bar > a {
        width: 200px !important;
    }
    body{
        padding:10px 10vw 20vw
    }
    #logo{
        padding:10% 0 0 8%;
        width:28%
    }
    #data_bg{
        transform:scale(2.1)
    }
    #data_main{
        font-size:.85em;
        padding:3% 0 0 25%
    }
    #data_sub{
        font-size:.4em;
        padding:5% 0 0 24%
    }
    .button_bar{
        padding-top:10%;
        padding-bottom:0
    }
    .section>span{
        font-size:1.6em
    }
    .section>h1{
        font-size:2.5em
    }
    .logo_list>a>img{
        max-height:128px;
        margin:16px
    }
    .faq_title{
        font-size:3em
    }
    .faq_content{
        font-size:2em
    }
}
#footer {
    position: fixed;
    opacity: 0.4;
    bottom: 1%;
    left: 1%;
    font-size:9px;
}