html,body {width:100% ;height:100% ;}
.obrazky {width:100% ;height: 100%;}
.p1 {height:100vh ; width:100vw;}

 Style for the transparent navbar /
.navbar {
  background-color: transparent !important;
}

.navbar-brand {
  font-weight: bold;
  color: #ffffff;
}

.navbar-toggler {
  border: none;
}

.navbar-collapse {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 10px 10px;
}

.navbar-nav .nav-link {
  color: #ffffff;
  font-size:150% ;
  font-weight: bold;
}

.navbar-nav .nav-item.active .nav-link {
    color: #2bff00; font-size:150% ;
  }

  .carousel-container {   position: relative; }  
  
  .navbar-container {   position: fixed;   top: 0;   left: 0;   right: 0;   z-index: 1030;   padding-top: 20px; }
  .navbar-nav .nav-link:hover {   color: #1ba500;  }
  .navbar-nav .nav-link:active {color: #fff !important; }
  .pozadi {background-color: black;}
  .obrazek {scale: 50%;position: relative; top: -15%; left: -10%;}
  .text {padding-top: 15%; color: #fff;  }
  p {font-size: 150%;}
  h1 {text-decoration: underline; text-decoration-thickness: 2px ; text-underline-position: under; }
  footer {color: white; margin-top: -10%;   }
  .link {text-decoration: none; color: white;}
  .link:hover {color: #1ba500;}