body{
    background-color: #ffe1f6;
    font-family:OCR A Std, monospace	;
    text-align: center;
  }
footer{
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 12px;
}
hr{
  width: 50%;
}
h1{
  text-align: center;
  margin-top: 100px;
  font-size: 100px;
}
.tekst{
  text-align: center;
  margin-top: -80px;
  font-size: 25px;  
}
.zakladka1{
  background-color: rgb(32,34,37);
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0%;
    left: 0%;
    z-index: 100;
}
.logo{
    position: fixed;
    height: 100px;
    width: 300px;
    left: 3%;
}
.opcje{
    position: fixed;
    height: 100px;
}
nav{
  list-style: none;
}
ul {
  width: 98%;
  list-style: none;
}
.meni a{
  text-align: center;
  text-decoration:underline;
  color: white;
  margin-top: 20px;
  margin-right: 50px;
  width: 200px;
  height: 200px;
  border-radius: 0.4em;
}
.meni a:hover {
  color: rgb(55,55,55);
  background: white;
} 
.mena1 a{
  color: white;
  background-color: rgb(40, 140, 255);
  text-align: center;
  text-decoration: none;
  border-radius: 2em;
  width: 100px;
  padding: 1.2%;
  position: absolute;
  top: 50%;
  left: 36.5%;
  margin-right: -64%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.mena1 a:hover {
  color: rgb(55,55,55);
  background: white;
  display: inline;
} 
.mena2 a{
  color: white;
  background-color: rgb(0, 149, 255);
  text-align: center;
  text-decoration: none;
  border-radius: 2em;
  width: 100px;
  padding: 1.2%;
  position: absolute;
  top: 50%;
  left: 45.5%;
  margin-right: -56%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.mena2 a:hover {
  color: rgb(55,55,55);
  background: white;
  display: inline;
} 
.mena3 a{
  color: white;
  background-color: rgb(0, 149, 255);
  text-align: center;
  text-decoration: none;
  border-radius: 2em;
  width: 100px;
  padding: 1.2%;
  position: absolute;
  top: 50%;
  left: 54.5%;
  margin-right: -48%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.mena3 a:hover {
  color: rgb(55,55,55);
  background: white;
  display: inline;
} 
.mena4 a{
  color: white;
  background-color: rgb(0, 149, 255);
  text-align: center;
  text-decoration: none;
  border-radius: 2em;
  width: 100px;
  padding: 1.2%;
  position: absolute;
  top: 50%;
  left: 63.5%;
  margin-right: -40%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.mena4 a:hover {
  color: rgb(55,55,55);
  background: white;
  display: inline;
} 
  /* opcje */
  
    details {
      margin: 3px;
    }
    summary {
      right: 0%;
      top:0%;
      font-size: 240%;
      position: absolute;
    
      cursor: pointer;
    }
    summary::before,summary::after {
      position: fixed;
      content: "";
    }
    summary::before {
      content: "";
    }
    summary::after {
      content: "";
    }
    summary:hover {
      transform: scale(1);
    }
    summary::marker {
      font-size: 0;
    }
    summary::-webkit-details-marker {
      display: none;
    }
    details[open] .menu {
      content: "";
      }
    details[open] summary::before {
      content: "";
    }
    details[open] summary::after {
      content: "";
    }
    .opocje a{
      background-color: rgb(55,55,55);
      position: absolute;
      top:100%;
      right:0%;
      width: 20%;
      height: 80%;
      display:block;
      z-index: 1;
      border-radius: 3%;
      list-style: none;
      color: white;
      background-color: rgb(55,55,55,);
      border: 1px solid rgb(75,75,75);
      text-align: center;
      text-decoration: none;
      list-style: none;
    }
    .nawigacja{
      overflow-x: scroll;
      text-decoration: none;
      box-decoration-break: none;
      text-decoration-line: none;
    }