@keyframes slideintop{0%{opacity:0;margin-bottom:-3em}to{opacity:1}}.viewer__nav{background:rgba(var(--grey),.36);border:1px solid rgba(var(--grey),.18);box-shadow:0 8px 32px 0 rgba(var(--black),.3);backdrop-filter:blur(.4em);border-top-left-radius:.8em;border-bottom-left-radius:.8em;flex:1}.nav__items{list-style:none}.nav__item{opacity:0;cursor:pointer;background:0 0;border-radius:.2em;margin:.2em 0;padding:.2em .2em .2em .8em;transition:all .2s;animation:.6s 1.2s forwards slideintop;display:block}.nav__item:hover{background:rgba(var(--white),.2)}.nav__item--selected{background:rgba(var(--white),.44);font-style:italic;font-weight:700}@media (width<=600px){.viewer__nav{opacity:0;margin-bottom:1.2em;animation:.2s 1.2s forwards fadein}}@keyframes slideinleft{0%{opacity:0;margin-left:-2em}60%{opacity:.1}to{opacity:1;margin-left:0}}.content__title{opacity:0;margin-bottom:.6em;font-size:1.6em;font-style:italic;animation:.4s ease-out .2s forwards slideinleft}.list__item{color:rgb(var(--black));cursor:pointer;background:0 0;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:1.2em;padding:.4em;text-decoration:none;transition:all .2s;display:flex}.list__item:hover{background:rgba(var(--grey),.2);border-radius:.4em}.list__icon{justify-content:center;align-items:center;display:flex}.list__text-container{margin-left:.6em}.text-container__caption{color:rgb(var(--grey))}.me{color:#f08080}@keyframes fadein{0%{opacity:0}to{opacity:1}}.background{--background-color:rgb(var(--white));background:var(--background-color);justify-content:center;align-items:center;height:100vh;display:flex}.viewer{flex:1;max-width:75vh;min-height:30em;margin:.8em;animation:.2s ease-in-out fadein;display:flex}.viewer__item{padding:1.2em}.viewer__content{background:rgba(var(--grey),.16);border:1px solid rgba(var(--grey),.12);box-shadow:8px 8px 32px 0 rgba(var(--black),.1);backdrop-filter:blur(.4em);border-top-right-radius:.8em;border-bottom-right-radius:.8em;flex:3;padding-left:1.8em}.content__container{opacity:0;animation:.8s ease-in-out .6s forwards fadein}@media (width<=600px){.viewer{flex-direction:column;height:100%;padding:1em 0}.viewer__item{border-radius:.8em}.viewer__content{flex:6}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html,body,#app{background-color:#fbfaf8;width:100%;height:100%;font-family:Space Mono,monospace}p,a,span,h2{color:rgb(var(--black))}svg{width:28px;height:28px}
/*# sourceMappingURL=index.4ef3d956.css.map */