.main {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (prefers-color-scheme: dark) {
    .main {
        background-color: rgb(19, 19, 19);
    }

    .text {
        color: white;
    }
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.text {
    font-family: 'Roboto Bold';
}