@font-face {
	font-family: carbontype;
	src: url('font/carbontype.ttf');
}

@font-face {
	font-family: freemono;
	src: url('font/FreeMonoOblique.otf');
}

@font-face {
  font-family: fellenglish;
  src: url(font/IMFellEnglish-Regular.ttf)
}

.index {
	background-image: url('images/background.jpg');
	background-size: 100%;
	margin: 0px;

	font-family: fellenglish;
	font-size: 14px;
	text-align: justify;
  word-wrap: break-word;
  color: white;
}

.content {
	width: 900px;
	margin: auto;
	margin-top: 100px;
}

.icontent {
  font-family: fellenglish;
	font-size: 14px;
	text-align: justify;
  word-wrap: break-word;
  color: white;
}

.banner {
	text-align: center;
	margin-bottom: 25px;

	background-color: black;
}

.divider {
	width: 900px;
	height: 50px;
	margin-bottom: 25px;

	background-image: url('images/divider.png');
}

.divider2 {
	width: 100%;
	height: 5px;
	margin: auto;
	margin-bottom: 10px;

	background-image: url('images/divider2.png');
}

.border {
	border: 60px solid transparent;
	border-image-source: url('images/border.png');
	border-image-slice: 92;
	border-image-repeat: round;
	border-image-outset: 20px;
}

.border2 {
	border: 60px solid transparent;
	border-image-source: url('images/border2.png');
	border-image-slice: 90;
	border-image-repeat: round;
	border-image-outset: 10px;
}

.border3 {
	border: 40px solid transparent;
	border-image-source: url('images/border3.png');
	border-image-slice: 90;
	border-image-repeat: round;
	border-image-outset: 30px;
}

.container {
	display: flex;
}

.main {
	width: 585px;
	height: 300px;
	margin-top: 20px;
	margin-left: 35px;
	margin-right: 10px;

	background-color: black;
} 

.side {
	position: relative;
	top: -7px;
	left: -20px;
	width: 300px;
	height: 430px;
}

.icon {

}

.icon-text {
	visibility: hidden;
	position: absolute;
	top:2px;
	left:5px;
	padding: 5px;

	background-color: black;

	user-select: none;
	rotate: 10deg;
}

.icon:hover .icon-text {
	visibility: visible;
}

h1.banner {
	font-family: carbontype;
	font-size: 45px;
	margin: 0px;
	padding: 0px;
}

h1 {
  font-family: carbontype; 
}

h3 {
	font-family: carbontype;
	margin: 7px 0px;
}

a {
	color: white;
}