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

@font-face {
    font-family: 'sf_burlington_scriptregular';
    src: url('fonts/sf_burlington_script-webfont.eot');
    src: url('fonts/sf_burlington_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sf_burlington_script-webfont.woff2') format('woff2'),
         url('fonts/sf_burlington_script-webfont.woff') format('woff'),
         url('fonts/sf_burlington_script-webfont.ttf') format('truetype'),
         url('fonts/sf_burlington_script-webfont.svg#sf_burlington_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
        background: #8a7c5a;
}

p {
       color: black;
       font-family: 'sf_burlington_scriptregular';
       font-size: 30px;
       line-height: 30px;

}

a, a img, img {
	outline : none;
	border : 0;
    color: black;
    font-family: 'sf_burlington_scriptregular';
    text-decoration: none;
    font-size: 100px;
}

a:hover {
       color: purple;
}

.bg {
	width: 1000px;
	height: 750px;
	background: url("assets/notebook.png");	
}


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



.text1 {
        position:absolute;
        top:150px;
        left:600px;
 -ms-transform: rotate(-3deg); /* IE 9 */
        -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
        transform: rotate(-3deg)       
}
.text2 {
        position:absolute;
        top:275px;
        left:600px;
        -ms-transform: rotate(-3deg); /* IE 9 */
        -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
        transform: rotate(-3deg) }
  .text3 {
        position:absolute;
        top:400px;
        left:600px;
        -ms-transform: rotate(-3deg); /* IE 9 */
        -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
        transform: rotate(-3deg) }
 
.text4 {
        position:absolute;
        top:150px;
        left:100px;
        -ms-transform: rotate(-3deg); /* IE 9 */
        -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
        transform: rotate(-3deg) }
.text5 {
        position:absolute;
        top:260px;
        left:100px;
        -ms-transform: rotate(-3deg); /* IE 9 */
        -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
        transform: rotate(-3deg) }
.text6 {
        position:absolute;
        top:500px;
        left:100px;
        font-size: 120px;
        -ms-transform: rotate(-3deg); /* IE 9 */
        -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
        transform: rotate(-3deg) }} a.conform {
        position:absolute;
        top:500px;
        left:130px;

}

.wrapper a.resist {
        position:absolute;
        top:500px;
        left:650px;
}