@font-face {
font-family: 'rampung';
font-style: normal;
font-weight: normal;
src: url('../fonts/Rampung.ttf');
}
@font-face {   
font-family: 'prestige';
font-style: normal;
font-weight: normal;
src: url('../fonts/PrestigeEliteStd-Bd.otf');
}

@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Cond';
font-style: normal;
font-weight: normal;
src: url('../fonts/MYRIADPRO-COND.woff') format('woff');
}


#btnAccueil{
    margin-top: 15vh;
    display: block;
}

#btnAccueil h1{
    font-family: 'rampung';
    color: white;
    font-size: 5vw;
    font-weight: lighter;
}

#btnAccueil h1 strong{
    font-family: 'rampung';
    color: #a40c0c;
    font-size: 5vw;
    font-weight: inherit;
}

#btnAccueil p{
    font-family: 'prestige';
    color: white;
    font-size: 2vw;
}

#vidFond video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.credits{
    font-family: 'rampung';
    font-size: 2vw;
    text-decoration: none;
    color: red;    
}

.center{
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

/* Animation wrap */

.svg-wrapper {
    position: relative;
    transform: translateY(-30%);
    margin: 60 auto;
    width: 330px;  
}
.shape {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
    fill: transparent;
    stroke: #a40c0c;
    border-bottom: 5px solid black;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.text {
    font-family: 'rampung';
    font-size: 4vw;
    line-height: 32px;
    letter-spacing: 8px;
    top: -48px;
    position: relative;
    font-size: 50px;
    font-weight: lighter;
    text-align: center;
}

.text a {
    text-decoration: none;
    color: #fff;
}

.svg-wrapper:hover .shape {
    stroke-width: 5px;
    stroke-dashoffset: 0;
    stroke-dasharray: 760;
}