/* ready */
.ready-comp {
    background-color: rgb(24, 24, 24);
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem 0 2rem;

    border-color: var(--gray-color);
    border-width: 1px;
    border-style: solid;
}

.ready-comp .text {
    padding: 0;
    font-size: 1.5rem;
}

.ready-comp .text, .ready-header {
    color: var(--color-hare-green);
    font-family: 'Share Tech Mono', monospace;
}

.ready-header {
    font-size: 3rem;
    padding-bottom: 1rem;
    margin: 0;
}

/* xs screen */
@media only screen and (max-width: 768px) {
    /* ready comp */
    .ready-comp {
        padding: 1.5rem;
        margin: 1rem 0 1rem;
    }

    .ready-comp .text {
        font-size: 1rem;
    }

    .ready-header {
        font-size: 2rem;
        padding-bottom: 0.5rem;
    }
}