@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal}.content-column *{border:0}.content-column h1,.content-column h2{margin:0 0 3rem;padding-top:1.5rem;color:#6c6eec}.content-column h1{font-size:3rem;text-shadow:2px 2px 8px rgba(170,170,170,.1333333333);font-weight:200}.content-column h2{font-size:2rem;margin-bottom:2vh;font-weight:300}.content-column p{margin-bottom:20px}.content-column .btn{background-color:hsl(223,10%,10%);border-radius:.25em;color:hsl(223,10%,90%);border:1px solid #6c6eec;cursor:pointer;padding:.375em .75em;transition:background-color .3s,2 linear,color .3s;outline:none}.content-column .btn:hover{background-color:hsl(223,10%,50%)}.content-column .btn.timeline__collapse{background-color:#6c6eec;text-decoration:none}.content-column .btn-group{display:flex;gap:.375em;margin-bottom:1.5em}.content-column .timeline{width:100%;max-width:36em}.content-column .timeline__arrow{background-color:rgba(0,0,0,0);border-radius:.25em;cursor:default;flex-shrink:0;outline:rgba(0,0,0,0);width:2em;height:2em;transition:background-color .15s linear,color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#ddd;margin-right:-4px}.content-column .timeline__arrow-icon{display:block;pointer-events:none;transform:rotate(-90deg);transition:transform .3s cubic-bezier(.65,0,.35,1);width:100%;height:auto;color:#ddd}.content-column .timeline__date{font-size:.833em;line-height:2.4;color:#ddd}.content-column .timeline__dot{background-color:currentColor;border-radius:50%;display:inline-block;flex-shrink:0;margin:.625em 0;-webkit-margin-end:1em;margin-inline-end:1em;position:relative;width:.75em;height:.75em;color:#ddd}.content-column .timeline__item{position:relative;padding-bottom:2.25em}.content-column .timeline__item:not(:last-child):before{background-color:#ddd;content:"";display:block;position:absolute;top:1em;left:2.2em;width:.125em;height:100%;transform:translateX(-50%)}.content-column .timeline__item-header{display:flex}.content-column .timeline__item-body{border-radius:.375em;overflow:hidden;margin-top:.5em;-webkit-margin-start:4em;margin-inline-start:4em;height:0}.content-column .timeline__item-body-content{background-color:#4a4b50;box-shadow:2px 2px 8px 8px rgba(170,170,170,.1333333333);color:#ddd;opacity:0;padding:.5em .75em;visibility:hidden;transition:opacity .3s cubic-bezier(.65,0,.35,1),visibility .3s step-end}.content-column .timeline__meta{width:100%}.content-column .timeline__title{font-size:1.2em;line-height:1.333;color:#ddd}.content-column .timeline__item-body--expanded{height:auto}.content-column .timeline__item-body--expanded .timeline__item-body-content{opacity:1;visibility:visible;transition-delay:.3s,0s}.content-column .timeline__arrow--expanded .timeline__arrow-icon{transform:rotate(0)}.content-column .timeline__arrow-icon{height:24px;width:24px}.content-column .tags{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:58px;grid-gap:2px;padding-bottom:50px;margin:20px 0;max-width:1800px;z-index:3;position:relative;width:400px}.content-column .tag:not(:has(img)){font-size:.8rem;letter-spacing:1px;background-color:#6c6eec;color:#fff;padding:4px 8px;border-radius:4px;line-height:1rem;margin-left:8px;margin-bottom:8px}.content-column .tag:has(img){padding:4px;margin-left:4px;margin-bottom:4px;width:56px;height:64px}.content-column .tag:has(img) img{width:44px;height:44px;margin:8px 4px}.content-column .me{position:fixed;bottom:0;left:calc(100vw - 400px);height:400px;width:360px;z-index:9999}.content-column .me img:first-of-type{opacity:1;transition:all 2s;height:400px;width:360px}.content-column .me img:nth-of-type(2){opacity:0;transition:all 2s;position:absolute;top:0;left:0;height:400px;width:360px}.content-column .me:hover img:first-of-type{opacity:0}.content-column .me:hover img:nth-of-type(2){opacity:1}@media(max-width:800px){.content-column .me,.content-column h1 span:not(:first-of-type){display:none}.content-column .tags{grid-template-columns:repeat(6,1fr);width:80vw;justify-content:left;flex-wrap:wrap}.content-column .tag:has(img){width:32px;height:32px}}