main{justify-content:center;height:100dvh;display:flex;overflow:hidden scroll}h1{color:#fff;white-space:nowrap;font-size:3.5rem;font-weight:700}h2{color:#fff;font-size:large}h3{text-align:center;margin-bottom:.5rem;padding:.5rem 0;font-size:1.6rem}#navigation-panel{flex-direction:column;justify-content:center;gap:3rem;width:40%;padding:2rem;display:flex;position:sticky;top:0}#content{flex-direction:column;gap:4rem;width:60%;padding:4rem 2rem;display:flex}.about-me-text-wrapper{transition:all .5s}.about-me-text-wrapper:hover{color:#fff;transition:all .5s}.about-me-text-wrapper>p{margin-bottom:1rem}@media (max-width:1000px){main{flex-direction:column;justify-content:start;align-items:center;min-height:100dvh}#navigation-panel>nav{display:none}#navigation-panel{position:static;top:auto}#content,#navigation-panel{width:100%}h3{z-index:10;background:rgb(var(--color-background)/.95);position:sticky;top:0}}
.fade-page{opacity:0;transition:opacity .8s ease-in-out}.fade-page.visible{opacity:1}
.icon{color:var(--color-foreground);cursor:pointer;transition:transform .2s,color .2s}.icon:hover{color:#fff;transform:scale(1.1)}
nav a{color:#888;letter-spacing:1px;margin-bottom:8px;font-weight:600;text-decoration:none;display:inline-block;position:relative}nav a:after{content:"";background-color:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}nav a.active,nav a:hover{color:#fff}nav a.active:after{width:100%}nav a:hover,nav a{transition:all .3s}
.card-container{opacity:1;border-radius:10px;gap:2rem;margin-bottom:3rem;padding:1rem;display:flex}.card-container:hover{background:rgb(var(--primary)/.1)}.card-container:hover .title,.card-container:hover .link-icon{color:rgb(var(--secondary))}.card-container:hover .description{color:#fff}.card-container,.title,.link-icon,.description,.card-container:hover{transition:all .5s}.card-container-left{flex-direction:column;justify-content:center;align-items:center;display:flex}.card-container-right{flex-direction:column;display:flex}.title{color:#fff;font-size:larger;font-weight:700}.secondary-title{font-size:large;font-style:italic}.description{margin-top:1rem}.tag-container{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.tag{cursor:default;color:rgb(var(--secondary));background:rgba(var(--primary)/.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff14;border-radius:999px;padding:2px 8px;font-size:14px;font-weight:500}.date{white-space:nowrap}.image-wrapper{width:120px;height:60px;margin-bottom:1rem;position:relative}.image{object-fit:cover}.title-and-icon-container{flex-wrap:nowrap;justify-content:space-between;display:flex}@media (max-width:600px){.card-container{flex-direction:column-reverse}.card-container-left{flex-direction:row-reverse;justify-content:space-between}}@media (max-width:400px){.card-container-left img,.image-wrapper{display:none}.card-container{gap:.8rem}}