@font-face {
    font-family: Aller;
    src: url(../fonts/Aller.ttf);
}
@font-face {
    font-family: AllerReg;
    src: url(../fonts/Aller_Rg.ttf);
}
@font-face {
    font-family: AllerBold;
    src: url(../fonts/Aller_BdIt.ttf);
}

@font-face {
    font-family: RobotoSlabReg;
    src: url(../fonts/RobotoSlab-Regular.ttf);
}
@font-face {
    font-family: RobotoSlabLight;
    src: url(../fonts/RobotoSlab-Light.ttf);
}
@font-face {
    font-family: RobotoSlabBold;
    src: url(../fonts/RobotoSlab-Bold.ttf);
}

body {
	background-color: #34D9B9;
	background-image:url('../graphics/gplay.png');
	background-position: right;
	background-repeat: repeat;
	
    height:100%;
    width: 100%;
    position: absolute;
}

@keyframes loading {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/* The element to apply the animation to */
.loading {
	font-family: RobotoSlabBold;
	font-size: 3em;
	color: #fff;
	text-align: center;
	margin-top: 250px;
}
.loading span.fa {
    animation-name: loading;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
#main-container, .row.port, .heightinherit {
	/*border: 1px solid #000;*/
    height: inherit;
	width: inherit;
	position: relative;
	float: left;
}
.outter-graphics {
	height:100%;
	width: 100%;
	position: fixed;
	top: 0; left:0;
	overflow: hidden;
	z-index: -1;
	opacity: 0.6;
}
#graphics-container {
	position: absolute;
    width: 100%;
	height: inherit;
    overflow: hidden;
    top: 0px;left: 0px;
}
.drawing {
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	transform-origin : top left;
    display:none;
}
.drawing.d1 {
	background-image: url(../graphics/drawing.svg);
	width: 247px;
	height: 203px;
}
.drawing.d2 {
	background-image: url(../graphics/drawing-1.svg);
	width: 240px;
	height: 260px;
}
.drawing.d3 {
	background-image: url(../graphics/drawing-2.svg);
	width: 221px;
	height: 163px;
}
.drawing.d4 {
	background-image: url(../graphics/drawing-3.svg);
	width: 221px;
	height: 163px;
}
.drawing.d5 {
	background-image: url(../graphics/drawing-4.svg);
	width: 221px;
	height: 163px;
}
a {
	color: #f04e46;
}