@font-face{font-family:Roboto;src:url(/_astro/Roboto-Light.D81b7zZA.woff2) format("woff2"),url(/_astro/Roboto-Light.BLlptLT-.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Roboto;src:url(/_astro/Roboto-Regular.D2cE4tpB.woff2) format("woff2"),url(/_astro/Roboto-Regular.CGSfnFoJ.ttf) format("truetype");font-weight:400;font-display:swap}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}html{font-size:10px;font-family:Roboto,sans-serif;font-weight:400;background-image:url(/background.webp);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html *{box-sizing:border-box}body{font-size:1.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;margin:0}.container{background-color:#0000004d;width:500px;max-width:70%;border-radius:2rem;z-index:1;color:#fff;padding:3rem 5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:4rem auto}#particles-js{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}h1{font-size:36px;padding:0rem 3rem}.typewriter{display:flex;flex-direction:column;justify-content:center;align-items:center}.typewriter span{font-size:2.3rem;display:none;width:calc(.15rem + 1ch * var(--chars));overflow:hidden;border-right:.15rem solid;white-space:nowrap;font-family:monospace;animation:typing 1s steps(var(--chars)),blink .3s step-end infinite alternate}@keyframes typing{0%{width:0%}}@keyframes blink{50%{border-color:transparent}}.resume{margin-top:1rem}.resume p{line-height:1.4;font-size:16px}.image-container{background-image:url(/meandmax.webp);background-size:130%;background-position:30% 20%;border-radius:50%;width:200px;height:200px;border:3px solid #ffffff;margin-top:1rem}.social-media{padding:.5rem 2rem;display:flex;justify-content:center}a{color:#fff}a:hover{color:#b3b3b3}a:hover .icon,a:hover .icon *{fill:#b3b3b3!important;color:#b3b3b3!important}.icon{width:24px!important;height:24px!important;color:#fff!important;display:inline-block!important;fill:#fff!important;vertical-align:middle;transition:fill .2s ease-in-out,opacity .2s ease-in-out;margin:0 .5rem}.icon *{fill:inherit!important;color:inherit!important}.icon path,.icon use,.icon g,.icon circle,.icon rect,.icon polygon{fill:#fff!important}.logo{margin:5rem auto 1rem;max-width:150px}.logo img{max-width:100%}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s ease-out,visibility .8s ease-out;overflow:hidden}.page-loader.fade-out{opacity:0;visibility:hidden}.loader-content{position:relative}.code-matrix{position:relative;width:20rem;height:10rem;display:flex;justify-content:center;align-items:center}.bracket{position:absolute;font-size:8rem;color:#fff;font-weight:300;font-family:Courier New,monospace;opacity:0;text-shadow:0 0 1rem rgba(255,255,255,.5),0 0 2rem rgba(255,255,255,.3)}.bracket-1{top:50%;left:50%;transform:translate(-8rem,-50%);animation:bracket-appear 1s ease-in-out infinite;animation-delay:0s;--tx: -8rem}.bracket-2{top:50%;left:50%;transform:translate(-50%,-50%);animation:bracket-appear 1s ease-in-out infinite;animation-delay:.15s;--tx: -50%}.bracket-3{top:50%;left:50%;transform:translate(2rem,-50%);animation:bracket-appear 1s ease-in-out infinite;animation-delay:.3s;--tx: 2rem}@keyframes bracket-appear{0%,to{opacity:0;transform:translate(var(--tx, -50%),-50%) scale(.8)}50%{opacity:1;transform:translate(var(--tx, -50%),-50%) scale(1)}}@media only screen and (max-width:600px){h1{font-size:30px;padding:0rem 1rem;font-weight:400}a:hover .icon{color:#b3b3b3}.container{padding:1rem 2rem;max-width:90%}.typewriter span{font-size:20px}.image-container{width:150px;height:150px}.code-matrix{width:15rem;height:8rem}.bracket{font-size:6rem}.bracket-1{transform:translate(-6rem,-50%);--tx: -6rem}.bracket-3{transform:translate(1.5rem,-50%);--tx: 1.5rem}}@media only screen and (max-width:400px){.code-matrix{width:12rem;height:6rem}.bracket{font-size:4.5rem}.bracket-1{transform:translate(-4.5rem,-50%);--tx: -4.5rem}.bracket-3{transform:translate(1.2rem,-50%);--tx: 1.2rem}}