html {
  padding-top: 3.5rem;
}

/* 1 rem 16px */

body {
  background-image: url("../../zdj/niebo2.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: black;
  font-size: 1.2rem;
}

h1, h2, h3, h4, h5, p {
  font-family: 'Literata', serif;
}

i.fas {
  color: green;
}

i.fa-facebook-square {
  color: white;
}
.container{
    background-color: rgba(229, 229, 229, 0.7);
}

.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item:hover .nav-link {
  color: lawngreen;
}

.green-text::selection {
  background-color: rgb(26, 73, 24);
  color: rgb(180, 251, 192);
}

.green-text {
  color: green;
}

.bigger-text {
  font-size: 1.5rem;
}


@media screen and (min-width: 400px) {
  .navbar {
    padding-left: 15%;
  }
  .top-txt {
    padding: 1.5rem;
  }
  .md-padding {
    padding: 2rem;
  }
}