@font-face {
    font-family: 'thewitchermedium';
    src: url('../thewitcher-jnoj-webfont.woff2') format('woff2'),
         url('../thewitcher-jnoj-webfont.woff') format('woff'),
         url('../thewitcher-jnoj-webfont.ttf') format('truetype'),
         url('../thewitcher-jnoj-webfont.svg#thewitchermedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin: 0;
	background-image: url('../img/leather.jpg');
}

header{
	width: 100%;
	height: 100%;
	text-align: center;
	
}

header img{
	width: 400px;
	border-radius: 210px;
	border: 10px solid #a27c57;
	box-shadow: 4px 4px 4px #000000;
	margin: 50px;
}

h1, h2{
	font-family: 'thewitchermedium', Arial, sans-serif;
	font-weight: normal;
	font-size: 40px;
    font-style: normal;
   	text-shadow: 2px 2px 2px #000000;
	color: white;
	margin: : 0px;
	}

header h1{
	font-family: 'thewitchermedium', Arial, sans-serif;
	font-size: 60px;
	text-shadow: 4px 4px 4px #000000;
	font-weight: normal;
    font-style: normal;
    margin: 0px;
}

.powers{
	font-family: 'thewitchermedium', Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
    font-style: normal;
	color: white;
}

.normal{
	font-family: 'thewitchermedium', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
    font-style: normal;
	color: white;
}

main{
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1920px;
	margin: 0 auto;
}

.container{
	position: relative;
  	text-align: center;
  	color: white;
}

.contimage{
	padding: 0;
	box-shadow: 4px 4px 4px #000000;
    display: block;
    margin: 0px auto;
    max-height: 100%;
    max-width: 100%;
    
}

.imgtext{
	font-family: 'thewitchermedium', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
    font-style: normal;
   	text-shadow: 2px 2px 2px #85929E;
	color: white;
	position: absolute;
  	bottom: 8px;
  	left: 16px;
}

footer{
		padding: 10px;
}