@use 'reset';
html {
font-size: 62.5%;
}
body {
--background-1: #52d168;
--background-2: #60f079;
--foreground-1: #1d2623;
background-color: var(--background-1);
color: var(--foreground-1);
font-family: sans-serif;
font-size: 2rem;
padding: 2rem;
}
a {
color: var(--foreground-1);
font-weight: bold;
text-decoration: 1px dotted underline;
&:hover {
background-color: var(--foreground-1);
color: var(--background-2);
}
}
button {
cursor: pointer;
}
:focus {
outline: 2px dotted var(--foreground-1);
}
.monospace {
font-family: monospace;
}
.divider {
border-top: 2px dotted var(--foreground-1);
margin-bottom: 2rem;
margin-top: 2rem;
}
@use 'components/errors';
@use 'components/page-footer';
@use 'components/page-header';
@use 'components/page-main';
@use 'components/listenbrainz';
@use 'components/userstyles';