mirror of https://github.com/osmarks/website
70 lines
1.1 KiB
Stylus
70 lines
1.1 KiB
Stylus
body
|
|
margin 0
|
|
font-family 'Fira Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
|
|
|
|
a
|
|
text-decoration none
|
|
|
|
nav
|
|
display flex
|
|
align-items center
|
|
|
|
padding 1em
|
|
margin-bottom 0.5em
|
|
background black
|
|
|
|
.logo
|
|
width 1.5em
|
|
height 1.5em
|
|
|
|
a, img
|
|
margin-right 0.5em
|
|
|
|
for num in (1..6)
|
|
a:nth-child({num})
|
|
color hsl(90 + (num * 30), 100%, 80%)
|
|
|
|
h1, h2, h3, h4, h5, h6
|
|
margin 0
|
|
font-weight 400
|
|
|
|
main, .header
|
|
margin-left 1em
|
|
margin-right 1em
|
|
|
|
// for easier viewing on big screen devices, narrow the width of text
|
|
main.blog-post
|
|
max-width 40em
|
|
|
|
main
|
|
margin-top 1em
|
|
|
|
ul
|
|
list-style-type square
|
|
padding-left 1em
|
|
|
|
.isso
|
|
padding 1em
|
|
|
|
.achievements
|
|
position fixed
|
|
bottom 0
|
|
left 0
|
|
.achievement
|
|
cursor pointer
|
|
|
|
.achievement
|
|
border 1px solid black
|
|
margin 0.5em
|
|
padding 0.5em
|
|
max-width 40em
|
|
|
|
.title
|
|
font-weight 500
|
|
.conditions
|
|
font-style italic
|
|
|
|
.smallinfo
|
|
font-size 0.8em
|
|
margin-top 0.5em
|
|
margin-bottom 0.5em |