@charset 'utf-8';
/*========= レイアウトのためのCSS ===============*/

#wrapper
{
    /*テキストを中央寄せ*/
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100vh;

    text-align: center;

    color: #585858;
}

a
{
    color: #333;
}

.btn
{
    font-size: 1em;
    line-height: 1;

    display: inline-block;

    padding: 5px 16px;

    text-decoration: none;

    color: #fff;
    border-radius: 20px;
    background: #49d8f2;
}

.sml
{
    font-size: .9em;
    line-height: 1.3;
}

/* その場で */
.fadeIn
{
    animation-name: fadeInAnime;
    animation-duration: 2s;

    opacity: 0;

    animation-fill-mode: forwards;
}

@keyframes fadeInAnime
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}