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

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

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

}

.background{
	margin: 0px auto;
	width: 1000px;
	height: 640px;
	background:url(enterroom.jpg);
  transform: scale;
  position:relative;
}

.doors{
  font-family: 'carbontyperegular';
  position:absolute;
  top:20px;
  left:50px;
  width:900px;
  font-size:13px;
}

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

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

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


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

.body{
  text-indent: -9999px;
  width: 171px;
  height: 374px;
  background: url(doorr.png);
  position:absolute;
  top:125px;
  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:125px;
  left:700px;
  -webkit-transition: opacity 2s;
        transition: opacity 2s;
}
.soul:hover{
  opacity:.1;
}