*{
    color: white;
    background-color: black;
    padding: 0;
    margin: 0;
    font-family: "Lato", serif;
    font-weight: 400;
    font-style: normal;
}
    

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #c2c2c2 #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    border-radius: 8px;
    border: 0px none #ffffff;
  }

/*----flexowanie---*/

.przyciski, .info, .double_blok, .double_blok2, .konfiguracje{
    display: flex;
    flex-direction: row;
}
.info .blok{
    display: flex;
    align-items: center;
    text-align: center;
}
.container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*----menu---*/

.wyglad_menu{
    height: 87px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid white;
    display: flex;
    justify-content: center;
}
.menu{
    height: 85px;
    min-width: 80vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*----przyciski menu----*/

.menu .przycisk a{
    font-size: 12px;
    width: 80px;
    padding: 33px 10px 33px 10px;
    text-decoration: none;
    text-align: center;
    transition: 0.4s ease-out;
    cursor: pointer;
}
.przycisk a:hover{
    background-color: rgb(175, 175, 175);
}

/*----logo---*/

.logo{
    height: 85px;
}
.logo img{
    height: 80px;
}

/*---zawartosc---*/
.zawartosc{
    min-height: 90vh;
    min-width: 80vw;
    max-width: 1150px;
    text-align: center;
    align-items: center;
}

/*---info---*/

.wyglad_info{
    width: 100%;
    border-top: 2px solid white;
    display: flex;
    justify-content: center;
}
.info{
    display: flex;
    align-items: center;
}
.info .double_blok{
    min-width: 80vw;
    max-width: 1150px;
}
.info .double_blok2{
    min-width: 40vw;
    max-width: 575px;
    justify-content: center;
}
.info .double_blok2 .blok{
    min-width: 20vw;
    max-width: 287px;
}
.info .blok{
    min-width: 40vw;
    max-width: 575px;
    margin: 25px 0;
    display: flex;
    justify-content: center;
    text-align: center;
}
.info a{
    color: rgba(255, 255, 255, 0.705);
}

.info img{
    height: 80px;
}

/*------stopka-----*/

footer{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    cursor: pointer;
}

/*------responsywność-----*/
@media only screen and (max-width:820px) {
    .double_blok, .zawartosc .double_blok .blok, .zawartosc{
        width: 100vw;
    }
    .double_blok, .menu, .przyciski{
        flex-direction: column;
    }
    .double_blok,.double_blok2{
        flex-direction: column;
        align-items: center;
    }
    .menu .przycisk{
        width: 100vw;
        padding: 10px 0;
        border-bottom: 1px solid white;
    }
    .menu .przycisk a{
        padding: 0;
    }
    .wyglad_menu, .menu{
        height: 260px;
        width: 100vw;
    }
}