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

@font-face {
    font-family: 'carbontyperegular';
    src: url('carbon-webfont.woff2') format('woff2'),
         url('carbon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
  background:white;
}

.background{
  background:url();
  width: 1000px;
	height: 640px;
	margin-top: 20px;
	margin: 0px auto;
	position:absolute;
	top:10px;
	left:250px;
}

.words{
  font-family: 'carbontyperegular';
  position:absolute;
  top: 0px;
  left:60px;
  font-size: 15px;
  width:900px;
  }

.E{
  font-family: 'the_last_callregular';
  color:darkred;
  position:absolute;
  top:260px;
  left:130px;
  width:900px;
  font-size:30px
}

.B{
  font-family: 'the_last_callregular';
  color:darkred;
  position:absolute;
  top:260px;
  left:445px;
  width:900px;
  font-size:30px
}

.S{
  font-family: 'the_last_callregular';
  color:darkred;
  position:absolute;
  top:260px;
  left:745px;
  width:900px;
  font-size:30px
}

.body{
  text-indent: -9999px;
  width: 171px;
  height: 374px;
  background: url(doorr.png);
  position:absolute;
  top:155px;
  left:400px;
  -webkit-transition: opacity 2s;
        transition: opacity 2s;
}

.body:hover{
  opacity:.1;
}

.soul{
  text-indent: -9999px;
  width: 171px;
  height: 374px;
  background: url(doorr.png);
  position:absolute;
  top:155px;
  left:700px;
  -webkit-transition: opacity 2s;
        transition: opacity 2s;
}
.soul:hover{
  opacity:.1;
}

.exit{
  text-indent: -9999px;
  width: 171px;
  height: 374px;
  background: url(doorr.png);
  position:absolute;
  top:155px;
  left:80px;
  -webkit-transition: opacity 2s;
        transition: opacity 2s;
}
.exit:hover{
  opacity:.1;
}