body:before{content:"";display:block;position:fixed;left:0;top:0;height:100vh;width:100vw;z-index:-10;background:radial-gradient(ellipse at top,var(--color-deep-blue) 0,var(--color-background) 90%) no-repeat 50%;background-size:cover}body,html{--color-dark-blue:#030617;--color-deep-blue:#192e47;--color-light-blue:#e2e8f0;--color-blue:#94a3b8;--color-teal:#83eeff;--color-green:#83ff96;--color-violet:#e083ff;--color-orange:#ff7130;font-family:sans-serif!important}#app{display:flex;flex-direction:row}@media screen and (max-width:1024px){#app{flex-direction:column;padding:10px}}[data-theme=dark]{--color-primary:var(--color-light-blue);--color-secondary:var(--color-blue);--color-tertiary:var(--color-teal);--color-background:var(--color-dark-blue)}[data-theme=light]{--color-primary:#293c6a;--color-secondary:#4a6da2;--color-background:#f0f2f5;background-color:var(--color-background)}.navbar-container{position:sticky;top:0;height:100vh;width:40%;padding:55px 55px;display:flex;flex-direction:column;align-items:center;transition:width .25s ease;box-shadow:0 0 rgba(0,0,0,.2),0 0 0 16px rgba(0,0,0,.2),0 0 0 32px rgba(0,0,0,.2);animation:ripples 1s linear infinite}.navbar-container.expand{width:50%;padding:55px 75px}.navbar-container .navbar-content{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;white-space:nowrap;overflow:hidden}.navbar-container .navbar-content .navbar-header{display:flex;flex-direction:column;align-items:center;gap:5px}.navbar-container .navbar-content .navbar-header .navbar-image{height:200px;width:200px;margin-bottom:10px}.navbar-container .navbar-content .navbar-header .navbar-title{font-size:1.5rem;color:var(--color-primary);font-weight:700}.navbar-container .navbar-content .navbar-header .navbar-job-title{font-size:1rem;color:var(--color-secondary)}.navbar-container .navbar-content .menu{width:100%;display:flex;flex-direction:column;gap:15px}.navbar-container .navbar-content .menu .menu-item{cursor:pointer;display:flex;flex-direction:row;font-size:1rem;color:var(--color-secondary)}.navbar-container .navbar-content .menu .menu-item:before{content:"";align-self:center;position:relative;height:1px;width:45px;margin-right:25px;background-color:var(--color-secondary);transition:width .1s}.navbar-container .navbar-content .menu .menu-item.active,.navbar-container .navbar-content .menu .menu-item:hover{color:var(--color-primary)}.navbar-container .navbar-content .menu .menu-item.active:before,.navbar-container .navbar-content .menu .menu-item:hover:before{width:90px;background-color:var(--color-primary)}.navbar-container .navbar-content .navbar-links{width:100%;display:flex;flex-direction:row;justify-content:center;gap:25px}.navbar-container .navbar-content .navbar-links .link{cursor:pointer;transition:color .1s;color:var(--color-secondary)}.navbar-container .navbar-content .navbar-links .link:hover{color:var(--color-primary)}.navbar-container .navbar-content .navbar-links .link .link-icon{height:40px}@media screen and (max-width:1024px){.navbar-container{position:relative;height:-moz-fit-content;height:fit-content;width:100%;box-shadow:none;animation:none}.navbar-container.expand{width:100%}.navbar-container .navbar-content{gap:30px}.navbar-container .navbar-content .navbar-header .navbar-title{font-size:2rem}.navbar-container .navbar-content .navbar-header .navbar-job-title{font-size:1.5rem}.navbar-container .navbar-content .spacer-container{height:250px}.navbar-container .navbar-content .spacer-container .spacer{height:0;width:1px;background-color:var(--color-primary);animation:growHeight 4s ease-in-out forwards}.navbar-container .navbar-content .menu{display:none}.navbar-container .navbar-content .navbar-links{display:flex;flex-direction:row;justify-content:center}}@media screen and (max-width:640px){.navbar-container{padding:55px 75px}}@keyframes ripples{to{box-shadow:0 0 0 16px rgba(0,0,0,.2),0 0 0 32px rgba(0,0,0,.2),0 0 0 48px transparent}}@keyframes growHeight{0%{height:0}to{height:100%}}.skills-container{width:100%;flex-direction:column;gap:2rem}.filter-reset-button,.skills-container{display:flex;align-items:center;justify-content:center}.filter-reset-button{bottom:20px;right:20px;position:fixed;cursor:pointer;width:60px;height:60px;padding:15px;flex-direction:row;border-radius:50%;font-size:1rem;color:var(--color-primary);border:2px solid var(--color-primary);background-color:var(--color-dark-blue);opacity:1;transform:scale(1);transition:all .2s ease}.filter-reset-button .filter-reset-icon{width:100%;height:100%}.filter-reset-button.disable{opacity:0;transform:scale(0);color:var(--color-secondary);border-color:var(--color-secondary)}@media screen and (max-width:640px){.skills-container .skill-stacks-container{flex-direction:column}.filter-reset-button{width:45px;height:45px;padding:10px}}.page-component{padding:75px 100px;display:flex;flex-direction:column;flex:1;gap:50px}.page-component .scroll-top-shortcut{align-self:center;width:-moz-fit-content;width:fit-content;cursor:pointer;font-size:1.25rem;color:var(--color-secondary)}.page-component .scroll-top-shortcut .shortcut-icon{transition:transform .25s}.page-component .scroll-top-shortcut:hover{color:var(--color-primary)}.page-component .scroll-top-shortcut:hover .shortcut-icon{transform:translateY(-5px)}.page-component .contact-links{display:none}@media screen and (max-width:1024px){.page-component{max-width:100%;width:100%;padding:15px 15px}.page-component .contact-links{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:25px}.page-component .contact-links .link{cursor:pointer;transition:color .1s;color:var(--color-secondary)}.page-component .contact-links .link:hover{color:var(--color-primary)}.page-component .contact-links .link .link-icon{height:40px}}.section-component{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-component .section-title{font-size:1.25rem;color:var(--color-primary);margin-bottom:0;text-transform:uppercase;font-weight:700}.section-component .content,.section-component .section-subtitle{font-size:1rem;color:var(--color-secondary)}.section-component .content{width:100%;height:100%;display:flex;flex-direction:column}.section-component .content a{color:var(--color-primary);font-weight:700}.section-component .content a:hover{color:var(--color-tertiary)}.stack-container{display:flex;flex-direction:column;align-items:center}.stack-container .stack-title{margin:25px 0;text-decoration:underline;text-underline-offset:10px}.stack-container .stack-title.backend{color:var(--color-green)}.stack-container .stack-title.frontend{color:var(--color-violet)}.stack-container .stack-title.other{color:var(--color-tertiary)}.stack-container .skill-container{flex-wrap:wrap;gap:.25rem}.skill,.stack-container .skill-container{display:flex;flex-direction:row;justify-content:center}.skill{height:-moz-fit-content;height:fit-content;padding:5px 10px;border-radius:15px;font-size:.75rem;margin:2px;transition:background-color .1s ease-in-out;background-position:50% 50%;background-repeat:no-repeat;background-size:0 100%;transition:background-size .1s,box-shadow .1s}.skill.clickable{cursor:pointer}.skill.clickable:hover{box-shadow:0 0 10px hsla(0,0%,100%,.8)}.skill.backend{color:var(--color-green);border:1px solid var(--color-green);background-image:linear-gradient(rgba(126,255,121,.25),rgba(126,255,121,.25))}.skill.frontend{color:var(--color-violet);border:1px solid var(--color-violet);background-image:linear-gradient(rgba(233,121,255,.25),rgba(233,121,255,.25))}.skill.other{color:var(--color-tertiary);border:1px solid var(--color-tertiary);background-image:linear-gradient(rgba(121,193,255,.25),rgba(121,193,255,.25))}.skill.active{background-size:100% 100%;box-shadow:0 0 10px hsla(0,0%,100%,.8)}.timeline{gap:2rem;padding-top:1rem}.timeline,.timeline .card{display:flex;flex-direction:column}.timeline .card{max-height:-moz-fit-content;max-height:fit-content;overflow:hidden;gap:.5rem;background:rgba(0,39,87,.2);padding:1rem;border-radius:15px}.timeline .card .card-top{display:flex;flex-direction:row;justify-content:space-between}.timeline .card .card-top .card-details{width:100%;color:var(--color-primary);display:flex;flex-direction:column}.timeline .card .card-top .card-details .date{text-align:end;color:var(--color-secondary)}.timeline .card .card-top .card-details .institution-title{font-size:1rem}.timeline .card .card-top .card-details .institution-name{font-size:.95rem;font-style:italic;color:var(--color-secondary)}.timeline .card .card-summary{color:var(--color-secondary);font-size:.95rem}.timeline .stack{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}@media screen and (max-width:640px){.timeline .card{background:none;padding:5px}.timeline .card .card-top .card-details .date{text-align:start}.timeline .card .card-summary{font-size:.75rem}}.fade-shrink-enter-active,.fade-shrink-leave-active{transition:opacity .5s ease,max-height .5s ease,padding .5s ease;overflow:hidden}.fade-shrink-enter-from,.fade-shrink-leave-to{opacity:0}.fade-shrink-enter-to,.fade-shrink-leave-from{opacity:1}