@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Playwrite+IN:wght@100..400&family=Poiret+One&display=swap");
body {z-index:5;font-family: 'Montserrat',Arial,sans-serif;color:#fff6a9!important;background: #000;background-image: linear-gradient(75deg,#000 0%,#131313 5%,#111 5%,#111 12%,#131313 12%,#131313 20%,#111 20%,#111 25%,#131313 25%,#131313 30%,#111 30%,#111 40%,#131313 40%,#131313 48%,#111 48%,#111 60%,#131313 60%,#131313 70%,#111 70%,#111 80%,#131313 80%,#131313 90%,#111 90%,#111 100%);background-attachment: fixed;}
header {font-family: 'Poiret One',Arial,sans-serif;text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;color: #fff6a9;text-align: center;
background-image: url(../img/bar.jpg); background-repeat: no-repeat;background-position: center;background-size: cover;}
header p {font-size: 3rem;-webkit-animation:fade-in 150s;animation:fade-in 150s;}
section {min-height: 70vh; display: flex;justify-content: space-around; align-items: center; padding: 10rem 0; position: relative;}
.text > div {transform: rotate(-1deg);}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {font-family: 'Poiret One',Arial,sans-serif;}
h1, .h1 {font-weight: 200; font-size:8rem;animation: blink 12s infinite;-webkit-animation: blink 12s infinite; }
h2, .h2 {font-weight: 500; font-size:7rem;animation: blink 22s infinite;-webkit-animation: blink 22s infinite;text-shadow: 3px 0px 10px #000;}
h3, .h3 {font-weight: 500; font-size:6rem;margin-top: 2rem;margin-bottom: 2rem; color: #A4F4DD;text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000;}
h4, .h4 {font-weight: 500; font-size:3rem;margin-top: 0rem;margin-bottom: 2rem;}
h5, .h5 {font-weight: 500; font-size:2rem;margin-top: 0rem;margin-bottom: 2rem;}
p, .p {font-size: 1.3rem;}
.quote a {text-shadow: 3px 0px 10px #000;}
strong, .strong, b, .b, bold, .bold {color: #A4F4DD !important; font-weight: 700;}
@media (max-width: 1500px) {
	p, .p {font-size: 1.2rem;}
}
@media (max-width: 1300px) {
	p, .p {font-size: 1.15rem;}
}
@media (max-width: 1000px) {
	h1, .h1 {font-size: 6rem;}
	h2, .h2 {font-size: 5rem;}
	h3, .h3 {font-size: 4rem;}
	header p {font-size: 2rem;}
	p, .p {font-size: 1.1rem;}
}
@media (max-width: 768px) {
	.text > div {transform: rotate(0deg) !important;}
	h1, .h1 {font-size: 4rem;}
	h2, .h2 {font-size: 3rem;}
	h3, .h3 {font-size: 4rem;}
	h4, .h4 {font-size: 3rem;}
	p, .p {font-size: 1rem;}
	.quote a {background-color: transparent; padding: 0; border-radius: 0;}
	.quote {background-color: rgba(0, 0, 0, 0.3); padding: 1rem 3rem; border-radius: 3rem;}
}
.foto {border: 1rem dotted rgba(0,0,0,0.3);opacity:.7;padding:.4rem;transition:opacity 1s ease;}
.foto:hover, .foto:focus {border: 1rem dotted rgba(0,0,0,0.5);opacity:1;}
header a {text-decoration: none;}
p a {text-decoration: none; color:#fff6a9;transition: border 2s ease; border-bottom: 3px dotted transparent;}
a:hover,a:focus,a:active{color:#ffa500;text-decoration: none; border-bottom: 3px dotted #ffa500;}
.mw-100{max-width: 100%;}
.anchor{display:block;height:0;margin-top:3rem;visibility:hidden;}
.facebook{width:4rem;}
.foto {width: 100%;max-width: 100%;}
header {width: 100%;height: 100vh;min-height: 100vh;display:flex;align-items:center;}
header a, header a:hover, header a:active, header a:focus, footer a, footer a:hover, footer a:active, footer a:focus{color:#fff6a9;border:none;}
footer, nav {background:#222;}
footer img {height:10rem; padding:2rem;}
.bold {font-weight: 700}
.navbar-default{background-color: #111;border-color:#222;}
.navbar-nav {--bs-nav-link-color: :#fff6a9; --bs-nav-link-hover-color: #ffa500;}
.nav-link {transition: text-shadow 2s ease-in-out, opacity 2s ease-in-out, border 0.5s ease-in-out; border-bottom: 3px dotted transparent !important;text-transform:uppercase;}
.nav-link:focus, .nav-link:hover {opacity:1;text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
			color: #fff6a9!important;border-bottom: 3px dotted #ffa500!important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {transition: text-shadow 2s;opacity:1;text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
			color: #fff6a9!important;border-bottom: 3px dotted #ffa500!important;}
.navbar-brand, .navbar-toggler-icon {border:none!important; animation: blink 10s infinite;-webkit-animation: blink 10s infinite; font-family: 'Poiret One',Arial,sans-serif;text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;color: #fff6a9!important;}
.navbar-brand:focus, .navbar-brand:hover {color: #fff6a9!important;}
.navbar-toggler {border-color: #ffa500!important;}
.navbar-
.vh-50 {min-height: 50vh;align-items:center;}
.vh-100 {min-height: 100vh;align-items:center;}
@media (max-width: 768px) {
	body {background-position:center;}
	.border-left{border-left:0px solid #272727;}
	.pl-5 {padding-left:1.5rem !important;}
}
@-webkit-keyframes fade-in {
	0% {opacity:0;}
	19%{opacity: 1;}
	23% {opacity: .8;}
	24%,26%,40%,42%,54%,56%,80%,82% {opacity:.6;}
	25%,41%,55%,81% {opacity:.4;}
	32%,34%,45%,47%,62%,63%,65%,67% {opacity:.3;}
	33%,46%,61%,65% {opacity:.2;}
}
@keyframes fade-in {
	0% {opacity:0;}
	19%{opacity: 1;}
	23% {opacity: .8;}
	24%,26%,40%,42%,54%,56%,80%,82% {opacity:.6;}
	25%,41%,55%,81% {opacity:.4;}
	32%,34%,45%,47%,62%,63%,65%,67% {opacity:.3;}
	33%,46%,61%,65% {opacity:.2;}
}
@-webkit-keyframes blink {
	0% {opacity:.6;}
	19%{opacity: 1;}
	23% {opacity: .8;}
	24%,26%,40%,42%,54%,56%,80%,82% {opacity:.6;}
	25%,41%,55%,81% {opacity:.5;}
	32%,34%,45%,47%,62%,63%,65%,67% {opacity:1;}
	33%,46%,61%,65% {opacity:.4;}
}
@keyframes blink {
	0% {opacity:.6;}
	19%{opacity: 1;}
	23% {opacity: .8;}
	24%,26%,40%,42%,54%,56%,80%,82% {opacity:.6;}
	25%,41%,55%,81% {opacity:.5;}
	32%,34%,45%,47%,62%,63%,65%,67% {opacity:1;}
	33%,46%,61%,65% {opacity:.4;}
}
.bg-img {opacity: 0.55;background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.bg-header {background-image: url(../img/policie.jpg); background-position: center bottom !important;position: absolute; height: 100vh; width: 100%;}
.bg-prakticke {background-image: url(../img/trabant.jpg);}
.bg-jetoprome {background-image: url(../img/mikrak.jpg);}
.bg-prihlaska {background-image: url(../img/postel.jpg);}
.bg-kontakt {background-image: url(../img/plaz.jpg);}
.btn-primary {border: 5px dotted #fff6a9; border-radius: 50px; padding: 10px 20px; background: transparent; font-size: 150%; transition: all 2s ease; margin-top: 4rem;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active, .btn:hover {background: rgba(255,255,255,.2); border: 5px dotted #fff6a9; -webkit-box-shadow: 0px 0px 43px 11px rgba(255,141,0,1);
-moz-box-shadow: 0px 0px 43px 11px rgba(255,141,0,1);
box-shadow: 0px 0px 43px 11px rgba(255,141,0,1);}