/* CSS Document */

.header-bar {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 136px;
	background-image: url("../images/header_bg.webp");
	background-repeat: repeat-y;
	background-position: top center;
	overflow: auto;
  }
.header-logo {
    position: absolute;
    top: 8px;
    left: 36px;
  }
.header-title {
	color: #ffffff;
	position: absolute;
	top: 12px;
	left: 184px;
	font-family: "Agency FB";
	font-size: 16mm;
  }
.header-subtitle {
	color: #ffffff;
	position: absolute;
	bottom: 10px;
	left: 184px;
	font-family: "Agency FB";
	font-size: 6mm;
  }
.menu-contact {
	color: #ffffff;
	position: absolute;
	top: 12px;
	right: 36px;
	font-family: "Agency FB";
	font-size: 8mm;
  }
.menu-media {
	color: #ffffff;
	position: absolute;
	top: 12px;
	right: 178px;
	font-family: "Agency FB";
	font-size: 8mm;
  }
.menu-gallery {
	color: #ffffff;
	position: absolute;
	top: 12px;
	right: 260px;
	font-family: "Agency FB";
	font-size: 8mm;
  }
.menu-home {
	color: #ffffff;
	position: absolute;
	top: 12px;
	right: 368px;
	font-family: "Agency FB";
	font-size: 8mm;
  }

.footer-bar {
	position: fixed;
    bottom: 0;
    left: 0;
	width: 100%;
	height: 40px;
    background-image: url("../images/header_bg.webp");
	background-repeat: repeat-y;
	background-position: top center;
	overflow: auto;
  }
.footer-twitch {
	position: relative;
	top: 1px;
}
.footer-twit {
	position: relative;
	top: 1px;
}
.footer-yt {
	position: relative;
	top: 1px;
}
.footer-copr {
	position: absolute;
	right: 25px;
	top: 11px;
}

.content {
	position: relative;
	top: 120px;
	width: 750px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: left;
	}
.wallpapers {
	width: 256px;
}

@font-face {
font-family: "Agency FB";
src:
url("../fonts/agencyr.ttf") format("truetype");
}

@font-face {
font-family: "Calibri";
src:
url("../fonts/CALIBRI.TTF") format("truetype");
}