main.css

body
{
   /*  height: 100%;
    width: 100%; */
    margin:0;
    padding:0;
    height:100%;
}

.wow
{
    min-height:100%;
		position:relative;
}

.navimg {
    margin-left: 10px;
    margin-right: 10px;
}

#nav-toggle-button {
    background-color: white;
}

nav {
    width: 100%;
}

ul {
    width: 100%;
}

a {
    color: white;
}

a:hover {
    color: #e0b90f;
}

.register {
    color: black;
    width: 100%;
    background-color: #f0b90b;
}

.register:hover {
    color: black;
    width: 100%;
    background-color: #dbaa0a;
}

.menu {
    width: 100%;
}

li {
    white-space: nowrap;
}

.papi {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.papi
{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.buttons {
    margin-right: 20px;
}

.buttons, .divv {
    display: none;
    justify-content: center;
    align-items: center;
}

.midpanel100 {
    width: 100%;
    height: 300px;
    background-color: #0b0e11;
    font-family: Tahoma;
    display: flex;
    justify-content: center;
    align-items: center;
}


.midpanel1003 {
    display: block;
    width: 20%;
    float: left;
    color: #f0b90b;
    display: flex;
    font-size: 40px;
    justify-content: center;
    align-items: center;
    margin-left: 13%;
}

.midpanel
{
    background-color: #F8F9FB;
    width: 80%;
    height: 100px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#dk
{
    letter-spacing: 2px;
    font-size: 2em;
    padding: 10px;
}

.currencypanel
    {
        background-color: #F8F9FB;
        width: 80%;
        display: block;
        height: 200px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        color: black;
    }

.cpanel >a
        {
            text-decoration: none;
            color: black;
            font-weight: 100;
        }

.cpanel >a:hover
        {
            text-decoration: none;
            color: #f0b90b;
        }

.cpanel
{
    font-size:20px;
    letter-spacing: 1px;
    display: block;
    padding: 10px;
    float: left;
    width: 25%;
    margin:0 auto;
    display:block;
    height: 150px;
    background-color:#F8F9FB ;
}

.midimg > img
{
    margin-top: 10px;
    width: 50px;
}

.midimg
{
    float: left;
    width: 33%;
    margin:0 auto;
    display:block;
    height: auto;
}

.rejestr {
        background-color: #f0b90b;
        border-radius: 10px;
        margin-top: 15px;
        width: 200px;
        text-align: center;
        color: black;
    }

.furt
    {
        bottom: 0px;
        position: fixed;
        font-size: 10px;
        width: 100%;
        height: 15px;
        clear: both;
        background-color: #12161c;
        color: #f0b90b;
        text-align: right;
        padding-right: 1%;
        
        /* background-color:#1D9C00;
        margin-top:10px;
        padding:15px;
        color:white;
        font-size:18px;
        position: absolute; */
        
        
        /*dobra wersja, ale nie działa ;((*/
        
        /* position: absolute;
        font-size: 10px;
        width: 100%;
        height: 20px;
        clear: both;
        background-color: #12161c;
        color: #f0b90b;
        text-align: right;
        padding-right: 1%; */
    }

.furte
{
    position: absolute;
        font-size: 10px;
        width: 100%;
        height: 20px;
        clear: both;
        background-color: #12161c;
        color: #f0b90b;
        text-align: right;
        padding-right: 1%;
}

.form-group
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.logbox
{
    margin-top: 5px;
    margin-bottom: 5px;
}

/* 1 slider chujowy.slider
{
    background-color: red;
        width: 80%;
        display: block;
        height: 200px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        color: black;
} */

/* sliding kurla */

.slider
{
    width: 700px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}


.sliders
{
    
    width: 500%;
    height: 400px;
    display: flex;
}

.sliders input
{
    display: none;
}

.slide
{
    width: 20%;
    transition: 2s;
}


.slide img
{
    width: 500px;
    height: 400px;
}

/* manualna nawigacja */
.navigation-manual
{
    position: absolute;
    width: 700px;
    margin-top: -40px;
    display: flex;
    justify-content: center;
}

.manual-btn
{
    border: 2px solid #6daebc;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}

.manual-btn:not(:last-child)
{
    margin-right: 40px;
}

.manual-btn:hover
{
    background: #79c8d8;   
}
#radio1:checked ~.first
{
    margin-left: 0;
}

#radio2:checked ~.first
{
    margin-left: -20%;
}

#radio3:checked ~.first
{
    margin-left: -40%;
}

#radio4:checked ~.first
{
    margin-left: -60%;
}

.navigation-auto
{
    position: absolute;
    display: flex;
    width: 700px;
    justify-content: center;
    margin-top: 460px;
}

.navigation-auto div
{
    border: 2px solid red;
    padding: 5px;
    border-radius: 10px;
    transition: 1s;
}

.navigation-auto div:not(:last-child)
{
    margin-right: 40px;
}

#radio1:checked ~.navigation-auto .auto-btn1
{
    background: red;
}

#radio2:checked ~.navigation-auto .auto-btn2
{
    background: red;
}

#radio3:checked ~.navigation-auto .auto-btn3
{
    background: red;
}

#radio4:checked ~.navigation-auto .auto-btn4
{
    background: red;
}




@media (min-width: 990px) {
    .rejestr {
        background-color: #f0b90b;
        border-radius: 10px;
        margin-top: 15px;
        width: 200px;
        text-align: center;
        color: black;
    }

    .rejestr:hover {
        color: black;
        background-color: #dbaa0a;
    }

    .midpanel1002 {
        color: white;
        width: 25%;
        /* position: absolute;
        margin-left: 25%;
        margin-top: 50px; */
        font-size: 20px;
        display: block;
        white-space: nowrap;
    }

    .midpanel1003 {
        display: flex;
        justify-content: center;
    }
    
    .register:hover {
    background-color: #dbaa0a;
    }
}

@media (max-width: 990px) {
    .navbar-nav {
        padding: 0px 15px;
        align-items: center;
    }
    .papi {
        display: none;
    }
    .buttons,
    .divv {
        display: flex;
    }

    .rejestr {
        background-color: #f0b90b;
        border-radius: 10px;
        margin-top: 15px;
        width: 210px;
        text-align: center;
        color: black;
    }
    
    .rejestr:hover {
        color: black;
        background-color: #dbaa0a;
    }

    .midpanel1002 {
        color: white;
        /* position: absolute;
        margin-left: 25%;
        margin-top: 50px; */
        font-size: 20px;
        display: block;
        white-space: nowrap;
    }
    
    .register:hover {
    background-color: #dbaa0a;
    }
    
    
    
}

@media (max-width: 600px) {
    .papi {
        display: flex;
        margin-left: 0px;
        margin-top: 15px;
        justify-content: flex-start;
        position: absolute;
        right: auto;
        left: 50%;
        transform: translate(-50%, -0%);
    }
    .nav-item.dropdown {
        margin-top: 60px;
    }
    .buttons {
        display: none;
    }

    .rejestr {
        background-color: #f0b90b;
        border-radius: 10px;
        margin-top: 15px;
        width: 210px;
        text-align: center;
        color: black;
    }

    .rejestr:hover {
        color: black;
        background-color: #dbaa0a;
    }

    
    .midpanel1002 {
        color: white;
        /* position: absolute;
        margin-left: 25%;
        margin-top: 50px; */
        margin-left: 25%;
        font-size: 20px;
        display: block;
        white-space: nowrap;
        align-items: center;
    }
    
    .midpanel1003
    {
        visibility: hidden;
        font-size: 0px;
        width: 0px;
        height: 0px;
    }
    
    .midimg > img
    {
        visibility: hidden;
    }
    
    .midpanel
    {
        visibility: hidden;
        height: 0px;
        width: 0px;
    }
    
    .register {
        width: 120%;
        text-align: center;
    }
    
    .register:hover {
        width: 120%;
    background-color: #dbaa0a;
    }
    
    
    .currencypanel
    {
        font-size: 1em;
        height: 280px;
    } 
    .cpanel
    {
        color: red;
    }
}

@media (min-width: 1px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
    .register:hover {
    background-color: #dbaa0a;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}