* {
    font-family: "Roboto", sans-serif;
}

:root {
    --bg1: hsl(0, 0%, 12%);
    --bg2: hsl(0, 0%, 16%);
    --bg3: hsl(0, 0%, 22%);
    
    --text: hsl(0, 0%, 90%);
    --text-light: hsl(0, 0%, 70%);
    --text-muted: hsl(0, 0%, 50%);
}

body {
    background: var(--bg1);
}

.text-muted {
    color: var(--text-muted);
}
p {
    color: var(--text);
}
.box {
    background: var(--bg2);

    max-width: fit-content;
    text-align: center;
    padding: 5px 50px;
    margin: 25% auto;

    border: 1px solid var(--bg3);
    border-radius: 5px;
}