@font-face {
	font-family: PTSans;
	src: url(fonts/PTSans.ttf);
}
.logo {
	border-radius: 0px;
	background-color: rgba(0, 0, 0, 1);
	width: 100%;
	clear: both;
}

body {
	background: #000000FF;
}

.background {
  position: fixed;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  z-index: -1;
  background-image: url('img/bg.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.5; /* set your desired opacity here */
  animation: bganim 10s infinite ease;
  filter: blur(8px);
}

@keyframes bganim {
    0% {opacity: 0.6;width: 100%;height: 100%;top: 0%;left: 0%;}
    50% {opacity: 1;width: 110%;height: 110%;top: -5%;left: -5%;}
    100% {opacity: 0.6;width: 100%;height: 100%;top: 0%;left: 0%;}
}

button {
	border-radius: 0px;
	text-align: center;
	-webkit-transition: all 0.25s ease;
			transition: all 0.25s ease; 
	border:none;
	color: #FFFFFF;
	background-color: #333333;
	min-width: 100px;
}
button:hover {
	color: #E14539;
	background-color: #222222;
}
button.active {
	color: #F3675B;
	background-color: #000000;
}

button.h_tab {
	width: 25%;
}

p { 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #F0F0F0;
	font-size: 16px;
	font-family: PTSans;
}
h4 { 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #F0F0F0;
	font-size: 30px;
	font-family: PTSans;
}
h3 { 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #F0F0F0;
	font-size: 35px;
	font-family: PTSans;
}
h2 { 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #F0F0F0;
	font-size: 40px;
	font-family: PTSans;
}
h1 { 
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	color: #F0F0F0;
	font-size: 60px;
	font-family: PTSans;
}

.centered {
	display: flex;
  justify-content: center;
  align-items: center;
}


.accordion {
    background-color: #00000099;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    width: 100%;
}

.accordion.active, .accordion:hover {
    color: #E14539;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

.panel {
    padding: 0 0px;
    background-color: #15151599;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 100%;
}