@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'playfair_displayregular';
    src: url('http://www.hiremillennials.com/cyoa2/fonts/playfairdisplay-regular-webfont.eot');
    src: url('http://www.hiremillennials.com/cyoa2/fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.hiremillennials.com/cyoa2/fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('http://www.hiremillennials.com/cyoa2/fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('http://www.hiremillennials.com/cyoa2/fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('http://www.hiremillennials.com/cyoa2/fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
        background: #8a7c5a;
        font-family: 'playfair_displayregular';
        color: white;
}

p {
       font-size: 55px;
}

a, a img, img, a:visited {
	outline : none;
	border : 0;
  text-decoration: none;
  font-size: 90px;
}

a:hover {
       color: #ff0000;
}

.bg {
	width: 800px;
	height: 460px;
	
}


.wrapper {
        width:2000px;
        height:1000px;
        position:relative;
        margin: 0px auto;
}

.notepad {
        color:white;
        position:absolute;
        font-weight: bold;
        top:900px;
        left:1490px;
        font-size: 35px
        

}

.text1 {
        position:absolute;
        font-weight: bold;
        top:-30px;
        left:850px;
        

}
h2 {
        position:absolute;
        font-weight: bold;
        font-size: 35px;
        top:60px;
        left:500px;

        

}
.text2 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:475px;
        left: 465px;
        

}
.text3 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top: 475px;
        left:850px;
        

}
.text4 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:475px;
        left:1225px;
        

}
.text5 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:900px;
        left:610px;
        

}
.text6 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:900px;
        left:1010px;
        

}
.text1:hover {
        color: pink;
}

.marketing {
        position: absolute;
        display: block;
        text-indent: -99999px;
	      background: url("marketing.png");
	      width: 220px;
		    height: 287px;
        top: 180px;
        left: 1250px;
    
}


.janitor {
        position: absolute;
        display: block;
        text-indent: -99999px;
	      background: url("janitor.png");
        background-size: cover;
	      width: 240px;
		    height: 287px;
        top: 180px;
        left: 850px;
      
}


.secretary {
        position: absolute;
        display: block;
        text-indent: -99999px;
	      background: url("secretary.png");
        background-size: cover;
	      width: 240px;
		    height: 287px;
        top: 180px;
        left: 450px;
       
}
.applicant {
        position: absolute;
        display: block;
        text-indent: -99999px;
	      background: url("applicant.png");
        background-size: cover;
	      width: 240px;
		    height: 287px;
        top: 600px;
        left: 1025px;
       
}
.webdeveloper {
        position: absolute;
        display: block;
        text-indent: -99999px;
	      background: url("webdeveloper.png");
        background-size: cover;
	      width: 240px;
		    height: 287px;
        top: 600px;
        left: 625px;
       
}