@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
    margin: 0;
    background: #222;
    color: #eee;
    font-family: 'Montserrat', 'Verdana';
    height: 100%;

    &.fullWindow {
        overflow: hidden;
    }
}

* {
    outline: none;
    transition: .2s
}

input,
button,
textarea {
    font-family: inherit;
}


#digit_area {
    .actual_key {
        background: #0a7;
        width: 72px;
        height: 42px;
        border-radius: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 2px solid #fffa;
        margin: 24px auto;

        &.false {
            background: #a22 !important;
            ;
        }
    }

    .text {
        display: none;
    }

    .text_view {
        color: #777;
        max-width: 500px;
        text-align: justify;
        margin: auto;

        b {
            .true {
                background: #0a7;
                color: #fff;
            }

            .false {
                background: #a22;
                color: #fff;
            }
        }

        .last {
            background: #a22;
            display: none;
        }
    }

    input {
        width: 1px;
        height: 1px;
        opacity: 0;
        position: fixed;
        left: 0;
        top: 0;
    }
    
    .percentual{
        position: fixed;
        right: 6px;
        bottom: 6px;
    }
}