html,


/* USING CUSTOM FONTS */

@font-face { font-family: "AkzidenzGroteskStd-Regular"; src: url("../fonts/AkzidenzGroteskStd-Regular.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-It"; src: url("../fonts/AkzidenzGroteskStd-It.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-Bold"; src: url("../fonts/AkzidenzGroteskStd-Bold.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-Md"; src: url("../fonts/AkzidenzGroteskStd-Md.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-MdIt"; src: url("../fonts/AkzidenzGroteskStd-MdIt.otf"); }
@font-face { font-family: "AGBuchBQ-BoldOutline"; src: url("../fonts/AGBuchBQ-BoldOutline.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-Light"; src: url("../fonts/AkzidenzGroteskStd-Light.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-LightCn"; src: url("../fonts/AkzidenzGroteskStd-LightCn.otf"); }
@font-face { font-family: "AkzidenzGroteskStd-LightCnItalic"; src: url("../fonts/AkzidenzGroteskStd-LightCnItalic.otf"); }

h1 { font: normal 36px "AkzidenzGroteskStd-Bold"; }
h2 { font: normal 26px "AkzidenzGroteskStd-Bold"; }
h3 { font: normal 16px "AkzidenzGroteskStd-Bold"; }

em { font: normal "AkzidenzGroteskStd-It";}

body { 
	font-family: "AkzidenzGroteskStd-Regular";
	width: 100%; 
	height: 100%; 
}

/*BLINKING*/

@-webkit-keyframes blink {
    0% {
        opacity:0;
    }
    30% {
        opacity:1;
    }
    70% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

.blink {-webkit-animation: blink normal 3s infinite ease-in-out;}


.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.backtext {
	font-size: 140pt;
	font-family: "AkzidenzGroteskStd-LightCn"
}

.wrapper {
	width: 95%; 
	margin-left: auto; 
	margin-right: auto;
	padding-top: 30px;
}

.square {
	border: 2px solid;
	border-color: black;
	height: 300px;
}

#foreground {
	width: 80%; 
	margin-left: auto; 
	margin-right: auto;
	top: 23%;
}