@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-VariableFont_wght.c28a96c369871653b853.ttf)}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1114;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Montserrat,"sans-serif"}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{max-width:100%}.App{margin:auto;max-width:100vw;min-height:100dvh;position:relative}.container{margin:auto;max-width:1200px;padding:0 1rem}.Header{align-items:center;background-color:#0f1114;border-bottom:1px solid rgba(138,163,204,.2);display:flex;height:4.5rem;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:9}.Header-name{color:#94a2b8;font-size:1.6rem;font-weight:700}.Header-name:hover{color:#f8fafc}.NavBar{display:flex}.NavBar li{padding:0 .5rem}.NavBar li a{color:#94a2b8}footer{bottom:0;color:#5d737e;text-align:center;width:100%}footer a{color:#5d737e;text-decoration:underline}footer #heart{color:red}.container-Home{align-items:center;display:flex;flex-direction:column;gap:10rem;justify-content:center;margin:0 auto;min-height:calc(100dvh - 4.5rem)}.Home{display:flex;gap:4rem}.Home-me{display:flex;flex-direction:column;gap:2rem;justify-content:center;max-width:500px}.Home-me-title{color:#f8fafc;font-size:3rem;font-weight:700}.Home-me-text{color:#94a2b8;line-height:1.8rem;text-align:justify}.Home-me-text span{display:inline-block;padding-bottom:1rem}.Home-me-social{align-items:center;display:flex;gap:.6rem}.Home-me-social a{color:#e2e8f0;font-size:1.8rem}.Home-me-social li{transition:all .3s ease-in-out}.Home-me-social li:focus,.Home-me-social li:hover{scale:1.1}.Home-me-social li:focus a,.Home-me-social li:hover a{color:#fff}.Home-profile-video{border:4px solid rgba(97,141,234,.2);border-radius:50%;height:18rem;margin-top:auto;overflow:hidden;position:relative;width:18rem}.Home-profile-video video{opacity:.6;transition:opacity .2s ease-in-out}.Home-profile-video video:hover{opacity:1}.Home-profile-video video{bottom:-28%;left:-7%;object-fit:cover;object-position:center;position:absolute;width:110%}#cv{background-image:radial-gradient(38.5% 50% at 50% 100%,rgba(9,87,165,.5) 0,rgba(182,209,237,.05) 100%);border:1px solid rgba(148,177,240,.2);border-radius:100vmax;color:#e2e8f0;font-size:1rem;font-weight:700;padding:.3rem 1rem;transition-duration:1s;transition-property:background-image}#cv:hover{background-image:radial-gradient(46.8% 50% at 50% 100%,#0442c8 0,rgba(5,41,118,.7) 100%)}.skills{align-items:center;display:flex;justify-content:space-between}.skills-title{color:#e2e8f0}.skills-list{display:flex;flex-wrap:wrap;margin-left:4rem}.skills-list-name{padding:1.3rem;position:relative}.skills-list-name svg{background-image:radial-gradient(38.5% 50% at 50% 100%,rgba(9,87,165,.5) 0,rgba(182,209,237,.05) 100%);border:1px solid rgba(148,177,240,.2);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;color:#94a2b8;height:4rem;width:4rem}.skills-list-name:hover svg{-webkit-animation:morph 3s ease-out infinite;animation:morph 3s ease-out infinite;background-image:radial-gradient(46.8% 50% at 50% 100%,#0442c8 0,rgba(5,41,118,.7) 100%);border:1px solid rgba(97,141,234,.1)}.skills-list-name:after{background-color:#181b20;color:rgba(148,162,184,0);content:attr(data-name);font-size:1.2rem;font-weight:700;left:0;padding:.2rem 0;position:absolute;scale:0 1;text-align:center;top:-30%;transition:scale .6s 0ms,translate .65s 0ms;transition:scale .6s var(--_scale-delay,0ms),translate .65s var(--_translate-delay,0ms);translate:0;width:100%}.skills-list-name:hover:after{color:#94a2b8;scale:1 1;z-index:1}.skills-list-name:hover+li:after{--_scale-delay:400ms;--_translate-delay:100ms;translate:-100%}.skills-list-name:has(+:hover):after{--_scale-delay:400ms;--_translate-delay:100ms;translate:100%}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.Projects{min-height:100vh;padding:1.5rem}.Projects-title{font-size:3rem;margin-bottom:2rem;text-align:center}.Projects-component{background-image:radial-gradient(50% 50% at 49.7% 100%,#02173b 0,#0e131b 100%);border:1px solid #21252c;border-radius:.7rem;cursor:pointer;max-width:18rem;transition:box-shadow .3s ease 0ms}.Projects-component-image{border-radius:.5rem .5rem 0 0;-webkit-filter:grayscale(1);filter:grayscale(1);height:170px;overflow:hidden;transition:-webkit-filter .3s ease 0ms;transition:filter .3s ease 0ms;transition:filter .3s ease 0ms,-webkit-filter .3s ease 0ms}.Projects-component:hover{box-shadow:0 50px 180px -10px rgba(2,17,27,.4)}.Projects-component:hover .Projects-component-image{-webkit-filter:grayscale(0);filter:grayscale(0)}.Projects-component-summary{color:#000}.Projects-component-summary h3{padding:1rem 0 .5rem}.Projects-component-summary p{text-align:justify}.Projects-container{display:flex;justify-content:space-evenly}.About{background-color:#181b20;padding:8rem 0;width:100vw}.About-detail{color:#94a2b8;margin:auto;max-width:950px;text-align:center}.About-detail-title{background:radial-gradient(38.5% 50% at 50% 100%,rgba(9,87,165,.5) 0,rgba(182,209,237,.1) 100%);border:1px solid rgba(148,177,240,.07);border-radius:100vmax;color:#64738b;font-size:10px;font-weight:600;letter-spacing:2px;margin:0 auto 4rem;padding:.3rem;width:120px}.About-detail-wrapper{grid-gap:1rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);text-align:start}.About-detail-wrapper-image{border-radius:20px;grid-column:1/3;grid-row:1/3;overflow:hidden}.About-detail-wrapper-image img{min-height:100%;object-fit:cover}.About-detail-wrapper-header{color:#f8fafc;font-size:1.6rem;grid-column:3/6}.About-detail-wrapper-text{grid-column:3/6;line-height:1.6rem}
/*# sourceMappingURL=main.cf502e44.css.map*/