@font-face{ font-family: HelveticaNeueXBlk; src: url('../misc/HelveticaNeueLTStd-XBlkCn.otf'); }
@font-face{ font-family: HelveticaNeue66Con; src: url('../misc/HelveticaNeueLTStd-MdCn.otf'); }
@font-face{ font-family: HelveticaNeue66ConO; src: url('../misc/HelveticaNeueLTStd-MdCnO.otf'); }
@font-face{ font-family: HelveticaNeueThinCon ; src: url('../misc/HelveticaNeueLTStd-ThCn.otf'); }
@font-face{ font-family: HelveticaNeueLightCon ; src: url('../misc/HelveticaNeueLTStd-LtCn.otf'); }


/********************************/
body {font-family: HelveticaNeueLightCon, Helvetica, Arial, sans-serif; color: #3c3c3c; background-color:#fffef9;  margin: 0;}

p{margin: 10px;}

a{text-decoration: none;}

/*********************************/

/* #paper{width: 100%; height: 100%; background-image: url('../img/site/paper2.png'); position: fixed; mix-blend-mode: multiply; pointer-events: none; top: 0;} */
#paper{width: 100%; pointer-events: none; top: 0; z-index: 99; overflow: hidden; position: absolute; mix-blend-mode: normal;}
#paper img{display: block; mix-blend-mode: normal; opacity: 0.2;}

.blackButtonLink{
    cursor: pointer; display: block; width: 220px;  height: 48px; text-decoration: none; padding: 5px;text-align: center; line-height: 45px; margin: 15px auto;
      font-family: HelveticaNeueXBlk; letter-spacing: .6px; font-size: 18px; font-style: oblique; background-color: #3c3c3c; border: none; color: white;
      -moz-box-shadow: 6px 8px 0px rgba(0,0,50,0.2); -webkit-box-shadow: 6px 8px 0px rgba(0,0,50,0.2); box-shadow: 6px 8px 0px rgba(0,0,50,0.2);
      transition: background-color 0.7s ease-in-out;
  }
.blackButtonLink:hover{background-color: #30cfd0; transition: background-color .1s ease-in-out;}


/********************************/
#logo {position: absolute; left: 30px; top: 20px; cursor: pointer;}

#content{padding: 100px;}
/********************************/