2021-07-13 07:27:40 -05:00
: root {
2021-07-19 23:07:49 -05:00
--font-mono : Consolas , 'Andale Mono WT' , 'Andale Mono' , 'Lucida Console' , 'Lucida Sans Typewriter' , 'DejaVu Sans Mono' , 'Bitstream Vera Sans Mono' , 'Liberation Mono' ,
'Nimbus Mono L' , Monaco , 'Courier New' , Courier , monospace ;
--color-light : # f3f4f6 ;
2021-07-13 07:27:40 -05:00
}
@ media ( prefers-color-scheme : dark ) {
2021-07-19 23:07:49 -05:00
: root {
--color-light : # 1f2937 ;
}
2021-07-13 07:27:40 -05:00
}
a {
2021-07-19 23:07:49 -05:00
color : inherit ;
2021-07-13 07:27:40 -05:00
}
header > div {
2021-07-19 23:07:49 -05:00
font-size : clamp ( 2rem , -0 . 4742rem + 6 . 1856vw , 2 . 75rem ) ;
2021-07-13 07:27:40 -05:00
}
header > div {
2021-07-19 23:07:49 -05:00
display : flex ;
flex-direction : column ;
align-items : center ;
2021-07-13 07:27:40 -05:00
}
header h1 {
2021-07-19 23:07:49 -05:00
font-size : 1em ;
font-weight : 500 ;
2021-07-13 07:27:40 -05:00
}
header img {
2021-07-19 23:07:49 -05:00
width : 2em ;
height : 2 . 667em ;
2021-07-13 07:27:40 -05:00
}
h2 {
2021-07-19 23:07:49 -05:00
font-weight : 500 ;
font-size : clamp ( 1 . 5rem , 1rem + 1 . 25vw , 2rem ) ;
2021-07-13 07:27:40 -05:00
}