@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";:root{--font-family: "Roboto", sans-serif;--line-height: 1.5;--font-weight: 400;--text-color: #000000;--background-color: #f8f8f8;--font-synthesis: none;--text-rendering: optimizeLegibility;--webkit-font-smoothing: antialiased;--moz-osx-font-smoothing: grayscale}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;min-width:100dvw;min-height:100dvh;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--text-color);background-color:var(--background-color);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:250vw;height:250vh;z-index:-1;background-image:url(/Portfolio/images/background.svg);background-repeat:repeat;background-size:5%;background-position:left top;transform:translateY(-30%) translate(-23%) rotate(-20deg);transform-origin:center center}#root{max-width:100%;margin:0 auto;padding:2rem;text-align:center}html,body,#root{min-height:100%;height:100%;overflow-x:hidden}.main{max-width:100%;background-color:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:#0000001a 0 4px 8px}.matrix-btn{color:#0f0;background:none;cursor:pointer;border:2px solid #0f0;font-weight:700;font-size:clamp(.7rem,2.5vw,1rem);padding:clamp(.4rem,1.5vw,.6rem) clamp(.8rem,3vw,1.2rem);text-transform:uppercase;letter-spacing:2px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .2s ease-in-out;display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative;overflow:hidden;white-space:nowrap}.matrix-btn:hover{background-color:#00ff0026;box-shadow:0 0 16px #00ff0080;transform:scale(1.2)}.matrix-btn:active{transform:scale(.95)}.matrix-btn:before,.matrix-btn:after{content:"";position:absolute;width:100%;height:100%;background:#0f03;top:0;left:0;z-index:-1;transform:scaleX(1.2);opacity:0;transition:opacity .2s ease-in-out}.matrix-btn:hover:before{opacity:1;animation:glitch .3s linear infinite}.matrix-btn:hover:after{opacity:1;animation:glitch .5s linear infinite reverse}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(2px,-2px)}50%{transform:translate(-2px,2px)}75%{transform:translate(2px,2px)}to{transform:translate(0)}}.projects-list__item{flex:0 1 32%;margin-bottom:2%}.projects-list__item img{margin:0 auto;display:flex;width:50%;object-fit:contain;cursor:pointer;animation:pulse 1.5s infinite alternate ease-in-out;transition:transform .3s ease-in-out}.projects-list__item:hover img{animation:none;transform:scale(1.2)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (max-width: 768px){.projects-list__item{flex:0 1 48%}}@media (max-width: 480px){.projects-list__item{flex:0 1 100%}}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem;gap:1rem}h1{font-size:clamp(1.2rem,4vw,3rem);line-height:1.1;margin:0}.projects-list{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;align-items:center}