@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');



html {

    height: 100%;

  }



body {

    height: 100%;

    display: flex;

    margin: 0;

}



header {

    font-family: 'Poppins', sans-serif;

    background: rgb(26,26,26);

    padding: 3vh;

    height: 3vh;

    position: fixed;

    top: 0;

    width: 97.002%;

    z-index: 999;

}



.tytul {

    font-size: 2vh;

    color: white;

    text-decoration: none;

}



.przyciski {

    position: absolute;

    transform: translate(-50%,-50%);

    right: 11vh;

    top: 4.5vh;

    font-size: 2vh;

    color: white;

}



.wyszukajtel {

    margin-right: 1vh;

    color: white;

}



.wyszukajtel i {

    transition: 0.3s; 

}



.inne i {

    transition: 0.3s; 

}





.inne {

    cursor: pointer;

    margin-right: 1vh;

}



.stworz {

    font-family: 'Poppins', sans-serif;

    position: absolute;

    transform: translate(-50%,-50%);

    top: 50%;

    width: 11.8vh;

    left: 13vh;

    transform: translate(-50%,-50%);

    background: rgb(137,36,36, 0.739);

    border: 2px solid rgb(137,36,36);

    padding: 1vh;

    border-radius: 5px;

    color: white;

    transition: 0.3s;

}





.stworz:hover {

    cursor: pointer;

    background: rgb(137,36,36);

    transition: 0.3s;

}



.przycisk {

    font-family: 'Poppins', sans-serif;

    width: 11.8vh;

    transform: translate(-50%,-50%);

    background: rgb(137,36,36, 0.739);

    border: 2px solid rgb(137,36,36);

    padding: 1vh;

    border-radius: 5px;

    color: white;

    transition: 0.3s;

}



.przycisk:hover {

    cursor: pointer;

    background: rgb(137,36,36);

    transition: 0.3s;

}



.wyszukajtel:hover i {

    color: rgb(137,36,36, 0.739);

    transition: 0.3s; 

}



.inne:hover i {

    color: rgb(137,36,36, 0.739);

    transition: 0.3s; 

}



.podkreslenie {

    color: white;

    text-decoration: none;

}



#menuinne {

    font-family: 'Poppins', sans-serif;

    position: fixed;

    color: white;

    display: none;

    background: rgb(26,26,26);

    width: 20%;

    padding: 2vh;

    right: 0;

    top: 9%;

    border-bottom-left-radius: 5px;

    font-size: 1.5vh;

}



footer {

    position: fixed;

    color: white;

    bottom: 0;

    width: 100%;

    background: rgb(26,26,26);

    padding-top: 3vh;

    padding-bottom: 3vh;

    text-align: center;

    display: none;

}



#prz1info {

    position: fixed;

    bottom: 0.5vh;

    right: -3vh;

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        transform: translateY(0);

    }

}



@keyframes fadeOutUp {

    0% {

       opacity: 1;

       transform: translateY(0);

    }

    100% {

       opacity: 0;

       transform: translateY(-20px);

    }

 } 









 @keyframes fadeInUp {

    0% {

       opacity: 0;

       transform: translateY(50px);



    }

    100% {

       opacity: 1;

       transform: translateY(0);

    }

 } 



 @keyframes fadeOutDown {

    0% {

       opacity: 1;

       transform: translateY(0);



    }

    100% {

       opacity: 0;

       transform: translateY(50px);

    }

 } 









 @media(max-width: 1440px) {



    #menuinne {

        width: 30%;

    }



    header {

        width: 96.2%;

    }

 }



 @media(max-width: 950px) {

    header {

        width: 94.5%;

    }

 }



 @media(max-width: 650px) {

    #menuinne {

        width: 40%;

    }



    header {

        width: 92%;

    }

 }









 @media(max-width: 500px) {

    #menuinne {

        width: 93%;

        border-radius: 0;

    }



    header {

        width: 89.5%;

    }

 }



 @media(max-width: 400px) {

    #menuinne {

        width: 92%;

        border-radius: 0;

    }



    header {

        width: 89%;

    }



 }



 @media(max-width: 350px) {

    #menuinne {

        width: 91%;

        border-radius: 0;

    }



    header {

        width: 88%;

    }



 }



 iframe {

    margin-top: 9vh;

    border: none;

 }