/* ALL */

body {
      margin-top: 2.5%;
      text-align: center;
}

a:link {color: #000000; text-decoration: none; }
a:visited { color: #50c9c3; text-decoration: none; }
a:hover { color: #EAECD6; text-decoration: none; cursor: zoom-in; }
a:active { color: #5cf6ee; text-decoration: none; }
a:focus {color: #5cf6ee; text-decoration: none;}  


/*TEXT*/

.inscription {
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.5em;
line-height: 1em;
}

.title {
font-family: 'nameplate';
src: url('../fonts/nameplate.woff') format('woff');
color: #EAECD6;
font-size: 6.5em;  
font-weight: normal;
font-style: normal;
line-height: 1em;
}

.recall {
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.25em;
line-height: 1em;
}

.fin {
font-family: 'kadabra';
src: url('kadabra0.1-regular-webfont.woff2') format('woff2'),
url('kadabra0.1-regular-webfont.woff') format('woff');
color: #EAECD6;
font-size: 1.25em;  
font-weight: normal;
font-style: normal;
line-height: 1em;
}

.locked {
font-family: "helvetica-neue-lt-pro", sans-serif;
color:#ffff;
font-weight: 100;
font-style: normal;
font-size: .75em;
line-height: 1em;
}
.locked:hover { color:#000000;}

/* ANIMATION */

.open {
    animation: blinker 2s linear 1;
    animation-delay: -1s;
  }
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }