body{

    background:var(--background);

}

.splash{

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:24px;

}

.logo{

    width:96px;

    height:96px;

    border-radius:28px;

    background:var(--primary);

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:42px;

    font-weight:700;

}

h1{

    margin-top:28px;

    font-size:30px;

    color:var(--text);

}

p{

    margin-top:10px;

    color:var(--text-light);

    font-size:15px;

}

.loader{

    width:220px;

    height:6px;

    background:#E5E7EB;

    border-radius:20px;

    margin-top:40px;

    overflow:hidden;

}

.loader span{

    display:block;

    width:0;

    height:100%;

    background:var(--primary);

    animation:loading 2s linear forwards;

}

small{

    margin-top:30px;

    color:var(--text-light);

    font-size:13px;

}

@keyframes loading{

    from{

        width:0;

    }

    to{

        width:100%;

    }

}