*{
    color: white;
    background-color: black;
}

/* ===== 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;
    max-width: 1150px;
    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;
    align-items: center;
    padding: 10px;
}
h2{
    font-size: 200%;
}

/*---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;
}
.info .double_blok2 .blok{
    min-width: 15vw;
    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;
}