.welcome-screen{

    width:100%;
    height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:40px;

}


.welcome-screen h1{

    font-size:4rem;

    margin-bottom:20px;

    letter-spacing:2px;

    color:var(--champagne);

    text-shadow:
        0px 3px 12px rgba(0,0,0,.35);

    /*animation:fadeUp 1.2s ease forwards;*/

}

.welcome-screen h2{

    font-weight:300;

    font-size:1.8rem;

    margin-bottom:25px;

    opacity:.9;

    color:var(--subtitle);

    letter-spacing:2px;

    /*animation:fadeUp 1.2s ease forwards;*/

    animation-delay:.5s;

}

.welcome-screen p{

    color:var(--champagne);

    opacity:.75;

    font-size:1.1rem;

    animation-delay:1s;

}

.tap-indicator{

    margin-top:40px;

    font-size:2rem;

    color:var(--gold);

    animation:float 1.8s infinite;

}

.fade-out{

    animation:fadeOut .8s forwards;

}

.logo{

    width:140px;

    height:auto;

    display:block;

    margin-bottom:30px;

}

.hint{

    font-size:1.1rem;

    max-width:500px;

    line-height:1.6;

    color:#E8DCCF;

}

.tap-indicator{

    margin-top:70px;

    font-size:2rem;

    animation:bounce 1.8s infinite;

}

.screen {

    width: 100%;

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 40px 20px;

    box-sizing: border-box;

    text-align: center;
}

.content {

    width: 100%;

    max-width: 700px;
}