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