@media screen
* {
  box-sizing: border-box;
  -webkit-print-color-adjust: exact;
}

@media screen
html {
    font-size: 100%;
}

@media screen
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Traditio-AH';
    src:url('fonts/Traditio-AH.ttf.woff') format('woff'),
        url('fonts/Traditio-AH.ttf.svg#Traditio-AH') format('svg'),
        url('fonts/Traditio-AH.ttf.eot'),
        url('fonts/Traditio-AH.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: white;
}


.card {
    position: relative;
	width: 1000px;
    height: 700px;
    margin-right:5px;
    margin-bottom:5px;
    float: left;
}

.card > img {
    border: none;
    vertical-align: middle;
}

.cardtitle {
	position: absolute;
    top: 33px;
    left: 66px;
    font-family: 'Traditio-AH';
    font-size: 121.6px;
    letter-spacing: -0.01em;
    color: #fff4e4 !important;
    text-shadow: 5px 5px 0px rgba(0, 0, 0, 1);
    -webkit-print-color-adjust: exact;
}

.cardsubtitle {
	position: absolute;
    top: 214px;
    left: 102px;
    font-family: Calisto MT W01 Bold;
    font-size: 33px;
    letter-spacing: -0.025em;
    color: #411e6b;
}

.carddescription {
    position: absolute;
    top: 293px;
    left: 100px;
    width: 625px;
    font-family: Calisto MT W01 Bold;
    font-size: 26px;
    letter-spacing: -0.025em;
    line-height: 32px;
    text-align: justify;
    text-shadow: 0 0 4px #dcc6a6;
    color: #2e1302;
    z-index: 4;
}

.cardcost {
    position: absolute;
    top: 64px;
    left: 578px;
}

.cardgem_1,.cardgem_2,.cardgem_3,.cardgem_4,.cardgem_5 {
	position: absolute;
	top: 496px;
	z-index: 4;
	width: 198px;
	height: 196px;
}

.cardgem_1 img,.cardgem_2 img,.cardgem_3 img,.cardgem_4 img,.cardgem_5 img {
	position: absolute;
    top: 0px;
    left: 0px;
}

.cardgem_1 span,.cardgem_2 span,.cardgem_3 span,.cardgem_4 span,.cardgem_5 span {
    position: absolute;
    width: 75px;
    height: 35px;
    color: #d9d9d9;
    line-height: 26pt;
    background-color: #090909 !important;
    border-radius: 5px;
    bottom: 39px;
    text-shadow: 0px 0px 8.01px rgba(0, 0, 0, 1);
    left: 60px;
    text-align: center;
    letter-spacing: -0.01em;
    font-family: Calisto MT W01 Bold;
    font-size: 23.71pt;
    z-index: 8;
    -webkit-print-color-adjust: exact;
}

.cardgem_1 {
	left: 46px;
}
.cardgem_2 {
	left: 181px;
}
.cardgem_3 {
	left: 316px;
}
.cardgem_4 {
	left: 451px;
}
.cardgem_5 {
	left: 586px;
}

.cardstamina {
	position: absolute;
    top: 523px;
    right: 61px;
    width: 115px;
    height: 115px;
    line-height: 115px;
    font-family: Calisto MT W01 Bold;
    text-align: center;
    font-size: 73px;
    color: #fff5e1 !important;
    text-shadow: 3px 4px 0px rgba(0, 0, 0, 1);
    -webkit-print-color-adjust: exact;
}

.cardstaminasymbolgreen, .cardstaminasymbolred {
	position: absolute;
    width: 35px;
    height: 35px;
    left: 808px;
    top: 565px;
    line-height: 26pt;
    background-color: #090909 !important;
    border-radius: 5px;
    text-shadow: 0px 0px 8.01px rgba(0, 0, 0, 1);
    text-align: center;
    letter-spacing: -0.01em;
    font-family: Calisto MT W01 Bold;
    font-size: 23.71pt;
    z-index: 8;
    -webkit-print-color-adjust: exact;
}

.cardstaminasymbolgreen {
	color: #00A404;
}

.cardstaminasymbolred {
	color: #F20001;
}