@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
/*
*  Reseta o CSS
*/
*,
*:after,
*:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: normal;
}

html,
body {
    height: 100vh;
}

/*
*  Variáveis Iniciais
*/
:root {
    --colorWhite: #FFFFFF;
    --colorBlack: #040405;
    --fontDefault: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/*
*  Início do Código
*/
body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: var(--fontDefault);
    background: linear-gradient(90deg, #3F2B96 0%, #A8C0FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    background-color: rgba(255, 255, 255, 0.25);
    padding: 0.5em;
    border-radius: 0.15em;
    color: #FFFFFF;
    font-size: 14em;
    font-weight: 900;
    font-family: 'Montserrat';
}