@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;500;700&family=Montserrat:wght@500&family=Space+Mono:ital,wght@0,400;0,700;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0d1022;color:#c0caf5;font-family:Space Mono,monospace;display:flex;align-items:center;justify-content:center;scroll-behavior:smooth;position:relative}canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;pointer-events:none}.card{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;z-index:10;max-width:600px;width:85%;height:auto;background-color:#1a1b2605;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #414868;padding:0 2.2rem;box-shadow:0 0 20px #00000080;border-radius:12px;margin:13% auto}h1{font-family:Space Mono,monospace;font-size:2.25rem;text-align:center;padding-bottom:12px}@media (min-width: 768px){h1{font-size:3.75rem}}h1{font-weight:700;background:linear-gradient(to right,#7aa2f7,#bb9af7,#f7768e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2s infinite}h1:hover{cursor:pointer;color:#f0c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.job-title{font-size:1rem;text-align:center}.job-title:hover{cursor:pointer;color:#47cf73}.web{color:#7aa2f7}.hacker{color:#bb9af7}.artist{color:#f7768e}.stack{text-align:center;margin:2rem 0}.stack-label{color:#565f89;margin-bottom:.5rem}.stack-tags{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.stack-tags span{padding:.3rem .75rem;border-radius:6px;border:1px solid #414868;background-color:#41486880;color:#7aa2f7;font-size:.9rem}blockquote{font-style:italic;color:#9aa5ce;margin:2rem 0;text-align:center}blockquote span{display:block;margin-top:.5rem;color:#565f89;font-size:.8rem;font-weight:300}.socials{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}button{font-family:Space Mono,monospace;background-color:#24283b80;border:1px solid #414868;color:#c0caf5;padding:.75rem;margin:7px;width:120px;border-radius:6px;font-size:.7rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.3rem;transition:.3s}button i{margin-right:.2rem;transition:transform 1s ease}button:hover{background-color:#41486880;border-color:#7aa2f7;cursor:pointer}.linked:hover{color:#0077b5}.github:hover{color:#c746a0}.shield:hover{color:#88cc14}.codepen:hover{color:#47cf73}.twitter:hover{color:#1da1f2}.blog:hover{color:#bb9af7}.footer{text-align:center;font-size:.75rem;color:#565f89;margin-top:1.5rem}.status{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.5rem}.status-dot{width:.5rem;height:.5rem;background-color:#9ece6a;border-radius:50%;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.avatar-video{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 0 10px #0ff;margin:2.5rem}.avatar-video:hover{cursor:pointer}.footer-logo{width:34px;height:auto;margin-top:.5rem}.mazal{padding:20px}