@charset "UTF-8";
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Upravte cestu k obrázku podle vaší situace */
  background: none;
  background-repeat: no-repeat; /* Zabraňuje opakování obrázku */
  background-size: cover; /* Zajistí, že obrázek pokryje celou oblast */
  background-position: center; /* Centruje obrázek */
}

.boxed-layout {
  margin: 0 auto;
  max-width: 1200px;
  border: 1px solid #dee2e6;
  padding: 20px;
  background: #f8fff8; /* mírně oranžový odstín */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.jumbotron {
  font-family: "Dancing Script", cursive !important;
  color: #eee !important;
  background-color: #efefef;
}

body {
  font-family: "Roboto", sans-serif;
  color: #444;
  background-color: rgba(241, 138, 10, 0.0196078431);
}

/* If you want to keep the navigation font more legible, use a different font */
.navbar-brand, .nav-link {
  font-family: "Roboto", sans-serif;
  color: #fff;
}

/* CSS Extend file */
/* Navigation Links */
.nav-link, .navbar-brand, .hoverable:hover {
  transition: background-color 0.3s ease;
}

.nav-link:hover, .navbar-brand:hover, .hoverable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Navigation */
.navbar {
  background-color: #8ec990;
}

.navbar-text {
  color: #fff;
}

.navbar-toggler-icon {
  filter: brightness(0);
}

/* Jumbotron */
.jumbotron {
  background-image: url("/images/chatgpt-bg.png");
  /*background-size: 100% auto;*/
  color: #fff;
}

.jumbotron h1 {
  font-size: 3rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.jumbotron p {
  font-size: 1.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-primary {
  background-color: #0eba00;
  border-color: #0eba00;
}

.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
}

/* Footer */
.footer {
  background-color: #8ec990;
  color: #fff;
}

.footer a {
  color: #fff;
}