@font-face{font-family:zillaslabLight;src:url(/assets/ZillaSlab-Light-C4FwPBes.ttf) format("truetype")}@font-face{font-family:spacemonoRegular;src:url(/assets/SpaceMono-Regular-7wDOIQj2.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:zillaslabLight,sans-serif}#main{margin:0;padding:0;min-width:100dvw;min-height:100dvh;overflow:hidden;position:relative;background-size:cover;background-color:var(--accent);z-index:0;background-attachment:fixed;transition:background-image .6s cubic-bezier(.4,0,.2,1)}.noise{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200vh;background:transparent url(/assets/noise-cfuzFBYZ.png) repeat 0 0;background-repeat:repeat;animation:bg-animation .2s infinite;opacity:.5;visibility:visible;z-index:1}.container{min-width:95dvw;min-height:95dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 32px 0 var(--accent);border:.3px solid var(--text);z-index:2;display:block}.tag{width:50vw;max-width:300px;height:10dvh;max-height:80px;top:5dvh;left:8dvw;border:.3px solid var(--text);border-left:1px dotted var(--x);position:absolute;display:flex;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-items:center;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tag .name{margin-left:10%;color:var(--text);font-size:2.8rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:zillaslabLight,sans-serif}.name span:nth-child(1){color:var(--x);font-size:2.5rem;font-weight:300}.name span:after{content:"";margin-left:3px;margin-bottom:-.3px;width:20px;height:2px;display:inline-block;background-color:var(--text);animation:blink-animation 1s infinite}#timer{float:right;color:var(--text);font-family:monospace;font-size:1.1rem;margin-right:10px;margin-top:7px}@keyframes blink-animation{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.sections-container{position:absolute;top:25vh;left:0;right:0;bottom:0;display:flex;overflow:hidden;padding:0 8dvw}.section{min-width:100%;height:100%;flex-shrink:0;padding:2rem;color:var(--text);opacity:0;transform:translate(100px);position:absolute;left:0;width:100%;transition:all .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.section.active{opacity:1;transform:translate(0);z-index:1}#about{transform:translate(-100%)}#projects{transform:translate(0)}#skills{transform:translate(100%)}.section.active#about,.section.active#projects,.section.active#skills{transform:translate(0)}.content{position:relative;height:100%;display:flex;flex-direction:column;padding:1.5rem;border-left:1px dotted var(--x);overflow:hidden}.content h2{position:sticky;top:0;font-family:zillaslabLight,sans-serif;font-size:2.3rem;color:var(--x);padding-left:1rem;border-left:1px dotted var(--x);margin-bottom:1.5rem;z-index:2}#about .content{justify-content:flex-start;padding-top:3rem}#about .content h2{margin-bottom:4rem}#about .content p{padding-left:1rem;border-left:1px dotted var(--text);line-height:1.5;margin-bottom:2rem}.card-grid-container{flex:1;position:relative;overflow:hidden;padding-right:.5rem;margin-top:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;height:auto;padding:0rem;margin-top:2rem}.card{background:var(--glass);border:.3px solid var(--text);border-left:1px dotted var(--x);padding:1.75rem;min-height:200px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease,opacity .3s ease}.card h3{color:var(--x);font-size:1.5rem;margin-bottom:1rem;padding-left:1rem;border-left:1px dotted var(--x)}.card p{color:var(--text);margin-bottom:auto;line-height:1.6;padding-left:1rem;border-left:1px dotted var(--text)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-left:1rem}.tech-tag{background:var(--glass);color:var(--text);padding:.25rem .75rem;font-size:.85rem;border:.3px solid var(--text);border-left:1px dotted var(--x);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 1200px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card{padding:1.5rem;min-height:180px}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr}.card{padding:1.25rem;min-height:160px}}.social-links{display:flex;gap:40px;row-gap:5px;margin-top:.5em;padding-left:1rem;border-left:1px dotted var(--text);flex-wrap:wrap}.social-link{color:var(--text);text-decoration:none;padding:.5rem .2rem;border:0px solid var(--text);transition:all .3s ease;text-align:center}.social-link:hover{color:var(--x);transform:scale(1.05);transition:all .3s ease}