@import url(https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap);:root{--orange:#ff7800;--black:#27272f;--light-color:#666;--box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);--border:.2rem solid rgba(0,0,0,.1);--outline:.1rem solid rgba(0,0,0,.1);--outline-hover:1rem solid var(--black)}html{scroll-behavior:smooth;scroll-padding-top:7rem}body,nav{font-family:marcellus sc,serif;background-color:var(--black)}.nav-link{color:#fff}.nav-link:hover{color:var(--orange)}.carousel-inner>.carousel-item>img{height:250px}.card{box-shadow:2px 2px 5px 4px rgba(0,0,0,.25),-2px -2px 10px 4px rgba(0,0,0,.22);transition:.4s ease-in-out;background-color:#2f4f4f}.card:hover{box-shadow:0 -1px 14px 0 #11f59a}.fa-heart{font-size:1em}.btn:focus{outline:0!important;box-shadow:none}.dropdown-menu>li>a:hover{background-image:none;background-color:#2f4f4f}input.form-control{background-color:#27272f;border:none;box-shadow:inset 0 0 5px grey;border-radius:20px}.form-control:valid{background-color:#27272f;border:none;box-shadow:inset 0 0 5px grey;color:#f8f8ff}#btn-back-to-top{position:fixed;bottom:20px;right:20px;display:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b30000}#liveToast,.toast-header{background:#2f4f4f;color:#fff;box-shadow:2px 2px 5px 4px rgba(0,0,0,.25),-2px -2px 10px 4px rgba(0,0,0,.22);transition:.4s ease-in-out}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.btnplay{display:none}}#preloader{background:url(picture/loader2.gif) center center/15% no-repeat #000;height:100vh;width:100%;position:fixed;z-index:400}
@import url('https://fonts.googleapis.com/css2?family=Akronim&family=Bebas+Neue&family=Marcellus&display=swap');
:root{
	--orange: #ff7800;
	--black: #27272f;
	--light-color: #FFC700;
	--box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1);
	--border: .2rem solid rgba(0,0,0,.1);
	--outline: .1rem solid rgba(0,0,0,.1);
	--outline-hover: 1rem solid var(--black);
}
body{
  background-color: black;
}
.color{
	color: var(--orange);
}

/********Hero image**********/
.hero{
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('picture/hero.jpg');
/*	background-image: url('images/hero.png');*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	font-family: 'marcellus sc', serif;

}
/**************************************/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 100;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#floatingInput, #floatingEmail, #exampleInputEmail1, #exampleInputPassword1, #exampleInputPassword2, #floatingPassword{
    color: black;
    background-color: #e0e0eb;
}