a{text-decoration:none}p{overflow-wrap:break-word}section{margin:64px 0}.element{margin:24px 0}.text-element{margin:28px 0}.heading{color:#a0a0a0;font-size:14px}#content{opacity:0;max-width:640px;margin:64vh auto 0;transition:all .4s}#content.visible{opacity:1}#content *{line-height:1.75}
#tag-btn{opacity:.9;background-color:#dc143c;border-radius:4px;margin:16px 24px;padding:8px;font-size:14px;font-weight:900;transition:opacity .2s;display:inline-block;position:absolute;top:0%;left:0%}#tag-btn:hover{opacity:1}
#header{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}#header a{color:#707070;margin-right:8px;transition:color .2s}#header a:hover{color:#a0a0a0}
#nav{opacity:0;z-index:10;flex-direction:column;padding-right:24px;transition:all .4s;display:flex;position:fixed;top:50%;left:100%;transform:translate(-90%,-50%)}#nav button{text-wrap:nowrap;text-align:left;cursor:pointer;background-color:#0000;border:none;padding:8px 0;font-size:16px;transition:color .2s}#nav.visible,#nav:not(.visible):hover{opacity:1;transform:translate(-100%,-50%)}#nav:hover *{color:#a0a0a0}#nav button:hover{color:#f2f2f2}#indicator{background-color:#505050;border-radius:2px;width:3px;height:22px;transition:transform .3s;position:absolute;top:5px;left:-12px}
.project{position:relative}.wrapper{max-width:40%}.link{text-underline-offset:2.5px;text-decoration-skip-ink:none;text-decoration-line:underline;text-decoration-color:#505050;text-decoration-thickness:1px;transition:text-decoration-color .2s}.link:hover{text-decoration-color:#a0a0a0}.description{color:#a0a0a0}.preview{visibility:hidden;opacity:0;z-index:0;transition:opacity .3s,visibility 0s linear .4s;position:absolute;top:50%;left:80%;transform:translate(-50%,-50%)}.preview video{border:1px solid #505050;border-radius:16px;width:400px}.wrapper:hover+.preview{visibility:visible;opacity:1;z-index:10;transition-delay:0s,0s}
#marquee{margin:64px 0;overflow:hidden}#marquee-track{gap:16px;width:max-content;animation:40s linear infinite scroll;display:flex}#marquee span{color:#a0a0a0}@keyframes scroll{to{transform:translate(calc(-25% - 4px))}}.fadeout-horizontal{-webkit-mask-image:linear-gradient(90deg,#0000,#1a1a1a 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#1a1a1a 16px calc(100% - 16px),#0000)}
footer{border-top:1px solid #505050}footer div{justify-content:space-between;align-items:center;max-width:640px;height:40px;margin:0 auto;display:flex}footer p{color:#707070;font-size:14px}