:root.dark{--subtle-color:#5c5c5c}
::selection{background:var(--font-color);color:var(--bg-color)}
html,body{background:var(--bg-color);color:var(--font-color);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
body{background:radial-gradient(circle at 15%,#6d77ff1a,#fff0 25%),radial-gradient(circle at 85% 30%,#ccf2f60d,#fff0 25%)}
a{color:inherit;text-decoration:none}
*{box-sizing:border-box}
@media only screen and (max-width:600px){html{font-size:.5rem}}
@media only screen and (min-width:600px){html{font-size:.55rem}}
@media only screen and (min-width:768px){html{font-size:.625rem}}