body {
  font-family: "Times New Roman", Times, Georgia, serif;
  background: linear-gradient(#040d21, #1c3261);
  color: white;
}

html {
  background-color: #1c3261;
}

#mainNav {
  border-color: white;
  background: #040d21;
}

.navExpanded {
  background: linear-gradient(#040d21, #0f1e3f) !important;
}

.buttonLink {
  border: 1px solid white;
  color: white;
  border-radius: 0.3rem;
  padding: 0.25rem 0.25rem;
  margin: 4px;
  text-decoration: none;
  width: 5rem;
  text-align: center;
  transition: color 0.5s, border-color 0.2s, transform 0.2s, box-shadow 0.2s;
  background: none;
}

.buttonLink:hover {
  border-color: #0c66af;
  color: white !important;
  box-shadow: 0.0em 0.0em 0.5em 0.2em #0c66af;
  transform: scale(1.1);
  cursor: pointer;
}

#register_button button {
  background: none;
  color: white;
  border: 1px solid;
  border-radius: 6px;
  padding: 0.5rem;
  font-size: 1.1rem;
  transition: color 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

#register_button button:hover {
  border-color: #0c66af;
  box-shadow: 0.0em 0.0em 0.5em 0.2em #0c66af;
  transform: scale(1.15);
  cursor: pointer;
}

.wiersz {
  width: fit-content;
  height: fit-content;
  padding: 10px;
}

@media screen and (min-width: 768px) and (max-width:991px) {
  p.tresc {
    font-size: 0.88rem;
  }
}

.autor,
.tytul,
.logo {
  font-family: 'Playball', cursive;
}

.autor {
  font-size: 1.3rem;
}

#eyeIcon:hover {
  cursor: pointer;
}

.menu {
  background-color: transparent;
}

.menuLink {
  border: 1px solid white;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin: 0.5em;
  width: 10rem;
  height: 2.5rem;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
  color: white;
  text-decoration: none;
}

.menuLink:hover {
  border-color: #0c66af;
  box-shadow: 0.0em 0.0em 0.5em 0.2em #0c66af;
  transform: scale(1.1);
  cursor: pointer;
  color: white;
}