.wrapper[data-v-64e8ad]{width:100%;max-width:800px;margin:0 auto
}
@media (min-width:600px){
.wrapper[data-v-64e8ad]{display:flex;width:90vw
}
}
aside[data-v-64e8ad]{position:fixed;top:0;left:0;right:0;z-index:1;padding:8px 10vw;border-bottom:1px solid #eee;background-color:#fff
}
@media (min-width:600px){
aside[data-v-64e8ad]{flex-shrink:0;position:unset;padding:50px 0;border-bottom:unset;margin-right:30px
}
}
nav[data-v-64e8ad]{display:flex;justify-content:space-around;align-items:center;position:sticky;top:0
}
@media (min-width:600px){
nav[data-v-64e8ad]{display:block;margin-top:10em;top:calc(10em + 50px)
}
}
nav a[data-v-64e8ad]{display:block;width:2rem;height:2rem;border-radius:50%;font-size:0;text-align:center;text-transform:uppercase;text-decoration:none;color:#888
}
nav a[data-v-64e8ad]:before{content:attr(data-label);font-size:14px;text-align:center;line-height:2rem
}
@media (min-width:600px){
nav a[data-v-64e8ad]{width:unset;height:unset;border-radius:unset;padding:8px 16px;font-size:14px;text-align:unset
}
nav a[data-v-64e8ad]:before{display:none
}
}
nav a[data-v-64e8ad]:focus,nav a[data-v-64e8ad]:hover{color:#000
}
nav a.highlight[data-v-64e8ad]{color:#000;background-color:#ffeb3b
}
main[data-v-64e8ad]{padding:48px 10vw 10px
}
@media (min-width:600px){
main[data-v-64e8ad]{flex-grow:1;padding:50px 0 50px 50px
}
}
section[data-v-64e8ad]{margin:3em 0
}
section img[data-v-64e8ad]{display:block;width:90%;border-radius:5px;margin:2em auto
}
section .images[data-v-64e8ad]{display:flex;align-items:center;width:90%;margin:2em auto
}
section .images img[data-v-64e8ad]{width:50%;margin:0 4px
}