*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:#ffffff;

    font-family:Arial,Helvetica,sans-serif;

    display:flex;

    justify-content:center;

    align-items:center;

    height:100vh;

}

.container{

    text-align:center;

    width:320px;

}

img{

    width:220px;

    margin-bottom:15px;

}

h2{

    color:#25D366;

    font-size:28px;

    margin-bottom:15px;

}

p{

    color:#666;

    margin-bottom:30px;

}

.barra{

    width:100%;

    height:10px;

    background:#e5e5e5;

    border-radius:20px;

    overflow:hidden;

}

.progresso{

    height:100%;

    width:0%;

    background:#25D366;

    animation:carregar .8s linear forwards;

}

@keyframes carregar{

    from{

        width:0%;

    }

    to{

        width:100%;

    }

}