@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Unbounded:wght@200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Huninn&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Unbounded:wght@200..900&display=swap");::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}body{background:#171717;color:#ffffff;font-family:Arial,Helvetica,sans-serif;margin:0 auto}.main-bc{background-image:url(https://static.tildacdn.com/tild3265-3261-4333-a361-353739633737/noise.gif);background-size:200px;height:100%;width:100%;opacity:.2!important;position:fixed;top:0;left:0;z-index:0;pointer-events:none}.container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;max-width:1200px;margin:0 auto;padding:16px;position:relative}.projects{z-index:1;flex:1}.projects-list{gap:16px;padding:8px 0;display:flex;height:100%;justify-content:center;flex-wrap:wrap}.profile{z-index:1;width:30%;min-width:360px;position:sticky;top:20%;height:max-content;flex-shrink:0}.mobile-header{position:fixed;box-sizing:border-box;top:0;left:0;width:100%;padding:16px 16px 12px;background:rgba(23,23,23,.9);backdrop-filter:blur(10px);transform:translateY(-100%);opacity:0;transition:transform .4s ease,opacity .4s ease;z-index:9998;display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:16px;font-weight:500}.mobile-header.visible{transform:translateY(0);opacity:1}.mobile-header-title{color:rgb(255,182,193,.9);font-size:16px;font-weight:600;color:#f4d3dc}.mobile-header-links{color:#ccc;gap:24px;font-size:16px;display:flex}.mobile-header-links a{color:#ccc;text-decoration:none}.scroll-progress-bar{position:fixed;top:0;left:0;height:4px;width:100%;background:transparent;z-index:9999;pointer-events:none}.scroll-progress{height:100%;background:linear-gradient(90deg,#f5c1c1,#d8b3b3);transition:width .2s ease;border-radius:2px}@media (min-width:767px){.mobile-header,.scroll-progress-bar{display:none}}@media (max-width:768px){.container{flex-direction:column;padding-top:60px}.profile{position:relative;top:0;display:flex;align-items:center;justify-content:center}.profile,.projects,.projects-list{width:100%}.projects-list{overflow-y:visible;height:100%;flex-direction:column}.mobile-header{display:flex}}