@import url('./values.css');

.text {
    font-family: 'Roboto Mono', monospace;
    color: var(--text-color);
    background-color: var(--text-background);
}
.text::selection {
    background-color: var(--text-selected-background);
    color: var(--text-selected-color);
}

.heading1 {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.05em;
}
.heading2 {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.body-text {
    font-size: 1rem;
    line-height: 1.5;
}
.link {
    color: var(--text-color);
    text-decoration: underline;
}
.link:hover {
    color: var(--text-selected-color);
    background-color: var(--text-selected-background);
    text-decoration: none;
}
.link-active {
    color: var(--text-selected-color);
    background-color: var(--text-selected-background);
    text-decoration: none;
}