@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;
color: white;}

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

a:hover {
       color: purple;
}

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


.wrapper {
        width:800px;
        height:460px;
        position:relative;
        margin: 0px auto;
}

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

}

.text1 {
        position:absolute;
        font-weight: bold;
        top:-30px;
        left:290px;
color:white;
        

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

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

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

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

}
.text5 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:900px;
        left:60px;
        
color:white;}
.text6 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:900px;
        left:510px;
       color:white;

}
.text1:hover {
        color: pink;
}

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


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


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