.home-navbar{justify-content:center;gap:1rem;width:20%;position:absolute;z-index:3;display:flex;flex-wrap:wrap;padding:2rem;color:#fff;margin:0 auto;border-radius:.75rem;background-color:var(--bg-color);transition:all .5s ease-in-out;left:0;right:0;top:10%}.home-navbar a{font-weight:200;font-size:1.2rem}.home-navbar a:hover{color:#dfdfdf}.home-navbar.show{top:15%}.home-navbar.hide{top:-20%}.home-navbar-layout{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#020b11c9;filter:blur(0);transition:all 1s ease-in-out;opacity:0}.home-navbar-layout.show{opacity:1;z-index:2}.home-navbar-layout.hide{opacity:0;z-index:-1}.show-navbar-button{cursor:pointer;z-index:3;left:0;right:0;position:absolute;background-color:#dfdfdf;border:transparent;display:block;border-radius:100%;width:3rem;height:3rem;margin:0 auto;padding:0;transition:all .3s ease-in-out}.show-navbar-button.bounce{animation:bounceSometimes .5s ease-in-out}.show-navbar-button,.home-navbar{box-shadow:0 10px 5px #00000061}.show-navbar-button.active{transform:rotate(180deg)}.show-navbar-button .icon{color:#092234;width:100%;height:100%;transition:all .3s ease-in-out}.show-navbar-button .icon:hover{color:var(--primary-color)}#work-experience h3{color:var(--project-card-title-color)}#education-experience h3{margin:1.5rem 0 1rem;color:var(--project-card-title-color)}#education-experience #edu__date{color:var(--primary-color)}@media (max-width: 700px){.home-navbar{width:55%;height:fit-content}.home-navbar.show{top:13%}.home-navbar.hide{top:-30%}.information-card-navbar ul{flex-direction:column;gap:.6rem}}@keyframes bounceSometimes{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{transform:translateY(-20px)}to{transform:translateY(0)}}.hline{border-bottom:1px dashed var(--border-color);width:100%;margin-bottom:1rem}.dark-mode .hline{border-bottom:1px dashed var(--dark-mode-border-color)}.information-card-navbar{gap:1rem;z-index:1000;position:relative;background-color:var(--bg-color);border:1px solid var(--border-color);width:max-content;padding:.5rem 1rem;border-radius:.5rem;margin:0;display:flex;justify-content:flex-start}.information-card-navbar ul{justify-content:left;margin:0;padding:0;display:flex;gap:1rem;list-style:none}.information-card-navbar ul li a{font-size:.9rem;text-decoration:none;color:var(--septenary-color);font-weight:bolder}.information-card-navbar ul li a:hover{color:var(--primary-color)}.library-item{margin-bottom:1.5rem;border:1px solid #d9d9d9;padding:1rem;border-radius:.5rem}.library-item__header{display:flex;align-items:center;gap:.5rem}.library-item__header h3{margin:0}.library-item__header a{color:var(--primary-color)}.dark-mode .library-item{color:var(--dark-mode-text-color);border:1px solid var(--dark-mode-border-color)}.dark-mode .library-item__header h3,.dark-mode .library-item__header aside{color:var(--primary-color)}.card{padding:40px;text-align:left;margin:auto}.card img{display:block;min-width:15rem;border-radius:.25rem}.card-style-1{background:linear-gradient(145deg,#372587 10%,#4f2a9f,#3e0b81);padding:10px;border-radius:1rem;text-align:left;box-shadow:0 0 10px #0000001a;min-width:30%}.card-style-1 h3{color:#f3e2ff;font-size:1.2rem;font-weight:.5rem;border-bottom:3px solid #c6a9ffc0;margin:5px}@media (max-width: 700px){.card{width:100%;max-width:85%;padding:1rem;border-radius:1rem;margin-bottom:5rem}}.row{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:0}.col{width:100%;display:flex;flex-direction:column;margin:0}@media (max-width: 768px){.container,.row{flex-direction:column}.col{flex-direction:row;width:100%}}.line{display:none;border-bottom:3px solid rgba(0,0,0,.25);width:100%;z-index:5;margin:0;padding:0}@media (max-width: 700px){.line{display:flex}}#projects{scroll-margin-top:1rem}.projects-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;height:auto;transition:grid-template-columns .4s ease}.projects-section.has-open-project{grid-template-columns:minmax(0,1fr)}.projects-section:has(.project-accordion__content.is-open){display:flex;flex-direction:column;transition:all 1s ease-in-out}.projects-section:has(.project-accordion__content.is-open) .home-card.project-card{height:auto}.home-card.project-card{height:auto}.card.project-accordion{background-color:var(--project-card-bg-color);overflow:hidden;border-radius:.35rem;margin:1rem;transition:all .5s ease-in-out}.dark-mode .card.project-accordion{background-color:var(--dark-mode-card-bg-color);border:1px solid var(--dark-mode-border-color);color:var(--dark-mode-text-color)}.dark-mode .project-accordion__meta span:first-child,.dark-mode .project-code-card__title,.dark-mode .project-accordion__section h4{color:var(--primary-color)}.project-accordion__image{border-radius:.35rem;object-fit:contain;min-width:4rem;width:4rem;height:15rem;margin:0;transition:transform .45s ease,width .45s ease;transform-origin:center}.project-accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1rem .85rem;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.project-accordion__trigger.is-open .project-accordion__summary{align-items:center;text-align:center}.project-accordion__trigger.is-open .project-accordion__image{transform:translateY(-1rem) scale(1.1)}.project-accordion__trigger.is-open .project-accordion__summary>span{align-items:center;text-align:center}.project-accordion__summary{display:flex;flex-direction:column;transition:transform .45s ease,opacity .3s ease;align-items:flex-start;width:100%;flex:1}.project-accordion__summary span h3{margin:0;color:var(--project-card-title-color)}.project-accordion__summary h6{margin:0;font-size:.9rem;line-height:1rem;font-weight:400;color:#a9a9a9}.dark-mode .project-accordion__summary h6{color:var(--dark-mode-text-color)}.project-accordion__summary>span{display:flex;flex-direction:column;gap:.25rem;transition:transform .45s ease,text-align 0s}.project-accordion__meta{display:inline-flex;flex-direction:row;gap:1rem;margin-top:1rem;font-size:.9rem}.project-accordion__meta span{color:var(--quinary-color)}.project-accordion__meta span:last-child{font-style:italic}.project-accordion__meta span:first-child{color:var(--primary-color)}.project-accordion__summary span:first-child{margin-bottom:1rem;display:inline-flex;margin:0;padding:0;justify-content:space-between}.project-accordion__summary span:first-child span{font-size:.5rem}.project-accordion__icon{flex-shrink:0;margin-top:.25rem;color:var(--quinary-color);transition:transform .25s ease}.project-accordion__icon.is-open{transform:rotate(180deg)}.project-accordion__content{max-height:0;overflow:hidden;transition:max-height .45s ease,padding .45s ease,opacity .25s ease;transition:transform .5s ease,opacity .3s ease;padding:0 1rem}.project-accordion__content.is-open{max-height:5000px;padding:0 1rem 1rem;opacity:1}.project-accordion__description{margin:0}.project-accordion__description.desc-link{background-color:#fff}.dark-mode .project-accordion__description.desc-link{background-color:transparent}.project-accordion__section{margin-top:1rem}.project-accordion__section h4{margin-bottom:.5rem;font-weight:bolder}.dark-mode .project-accordion__section h4,.dark-mode .project-accordion__section a{color:var(--primary-color)}.project-code-grid{display:flex;flex-direction:column;gap:1rem 1.25rem;width:100%}.home-card.project-card{height:22rem;transition:height .4s ease}.home-card.project-card a.project-code-card{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:.85rem;border-radius:.65rem;background:#fff;border:1px solid #d9d9d9;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.home-card.project-card a.project-code-card:hover,.home-card.project-card a.project-code-card:focus-visible{border-color:var(--secondary-color)}.dark-mode .home-card.project-card a.project-code-card{background:var(--dark-mode-section-card-bg-color);border-color:var(--dark-mode-border-color)}.project-code-card__title{display:inline-flex;align-items:center;gap:.45rem;width:100%;min-width:0;color:var(--primary-color);font-weight:700;font-size:.96rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.project-code-card__image-wrap{display:block;width:100%;min-width:0;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--primary-color);border-radius:.45rem;background:#f6f6f6}.dark-mode .project-code-card__image-wrap{background:var(--dark-mode-bg-color)}.card img.project-code-card__image{display:block;width:100%;height:100%;min-width:0;object-fit:cover;border-radius:.4rem}.project-code-card__description{display:block;width:100%;min-width:0;margin:0;color:#444343;font-size:.9rem;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.dark-mode .project-code-card__description{color:var(--dark-mode-text-color)}.home-card.project-card .project-accordion__related-link{display:inline;width:auto;max-width:none;padding:0;border-radius:0;background:transparent;white-space:normal;overflow-wrap:break-word;word-break:normal;color:#444343;font-size:.9rem;line-height:2;text-decoration:none}.dark-mode .home-card.project-card .project-accordion__related-link{color:var(--dark-mode-text-color)}.dark-mode .home-card.project-card .project-accordion__related-link:hover{color:var(--primary-color)}.home-card.project-card .project-accordion__related-link:hover,.home-card.project-card .project-accordion__related-link:focus-visible{text-decoration:underline}.project-accordion__talks p{margin:0}@media (max-width: 1000px){.hline{margin:1.5rem 0}.project-accordion__image{min-width:4rem;width:4rem;height:12rem}.project-accordion__trigger{align-items:center}.project-accordion__summary{align-items:center;text-align:center;min-width:0}.project-accordion__links a{width:fit-content;max-width:100%;overflow-wrap:anywhere}.projects-section{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:start;height:auto;transition:grid-template-columns .4s ease}.project-accordion__trigger.is-open .project-accordion__image{transform:translateY(-.2rem) scale(1.05)}}:root{--bg-color: #ecf0eb;--card-bg-color: #F9FAFB;--card-border-color: #e1e5f2;--project-card-bg-color: #fff;--project-card-title-color: #679436;--border-color: #e1e5f2;--footer-background-color: #ecf0eb;--chars-color: #717744;--primary-color: #2c5530;--secondary-color: #73a942;--terciary-color: #d9e6b0;--quaternary-color: rgb(121, 120, 120);--quinary-color: rgb(147, 147, 144);--sixtary-color: #898b88;--dark-mode-bg-color: #0c1900;--dark-mode-card-bg-color: #010a04;--dark-mode-section-card-bg-color: #0d1700;--dark-mode-border-color: #233609;--dark-mode-text-color: rgb(197, 197, 197);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body,#root{background-color:var(--bg-color);height:100%;overflow:hidden;margin:0}.home{width:80vw;height:75vh;margin:2rem auto 1rem;animation:appear 1s ease-in;display:flex;align-items:flex-start;justify-content:center;gap:1rem;color:var(--chars-color)}.home h1{font-size:3rem}.home h3{font-size:1rem}.home-card{border-color:transparent;border-radius:.75rem;transition:all .2s ease-in-out;height:100%}.home-card.profile-card{width:25vw;height:100%;margin:0;align-items:center;max-height:calc(100vh - 2rem);overflow-y:auto;overscroll-behavior:contain;background-color:var(--card-bg-color);border:1px solid var(--border-color)}.home-card.section-card{text-align:left;width:70vw;max-width:none;transform:none;padding-left:2rem;max-height:calc(100vh - 2rem);overflow-y:auto;overscroll-behavior:contain;text-align:justify;margin-bottom:3rem;z-index:2;background-color:var(--card-bg-color);border:1px solid var(--border-color)}.dark-mode .home-card.profile-card,.dark-mode .home-card.section-card{background-color:#000602;border-color:var(--dark-mode-border-color)}.home-card.section-card ul{padding-left:1.5rem;color:var(--quaternary-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:300;font-size:.9rem}.home-card.section-card li{margin-bottom:.5rem}.home-card.section-card a{font-weight:300}#about-me a{color:var(--primary-color);font-weight:300}.home-card.project-card{border:var(--card-border-color) 1px solid;padding:1rem;text-align:left;max-width:100%;margin-bottom:1rem;text-align:justify;overflow:visible}.home-card.project-card:last-child{margin-bottom:5rem}.home-card.project-card a{font-weight:200;border-radius:2px;font-size:.9rem;color:var(--primary-color);width:max-content}.home-card.project-card a:hover{color:var(--secondary-color)}.home-card.project-card i{font-size:.9rem;margin:0;padding:0;color:var(--primary-color)}.home-card.project-card p{font-size:.9rem;font-weight:200}.home-card h2{font-size:1.4rem;font-weight:200;padding-bottom:1rem;border-bottom:1px solid #d3d3d3}.home-card h3{font-size:1rem;color:#8d8b8b;font-weight:600}.home-card h4{font-size:1rem;color:#5b5959;font-weight:300}.home-card a{color:gray}.home-card a:hover{cursor:pointer}.home-card p{font-weight:200;font-size:.9rem;line-height:2;color:#444343}.home-card h2{color:var(--primary-color);font-weight:300}.home-card a{color:#bbbbbd;font-weight:300}.home .row{width:100%;display:flex;align-items:flex-start;gap:0}.home .col{width:100%;margin:0}.home-card.profile-card img{display:block;height:auto;margin:0 auto 1.5rem}.home-card.profile-card h2{font-size:2rem;margin-bottom:1rem}.home-card.profile-card h3{font-size:1rem;margin-bottom:1rem;font-weight:400;color:var(--primary-color)}.home-card.profile-card p{margin-bottom:.75rem;line-height:1;font-size:.8rem}.dark-mode{--background-color: var(--dark-mode-bg-color);--text-color: var(--dark-mode-text-color);--card-bg-color: #102219;--border-color: #294735;--project-card-title-color: #a8d879;--primary-color: #a8d879;--secondary-color: #c4e99b;--chars-color: #d4ddd6;--quaternary-color: #b9c7bd;--quinary-color: #aebdb2}.dark-mode body,.dark-mode #root{background-color:var(--background-color);color:var(--text-color)}.dark-mode html,.dark-mode body,.dark-mode #root,.dark-mode .home-card{scrollbar-width:none}.dark-mode html::-webkit-scrollbar,.dark-mode body::-webkit-scrollbar,.dark-mode #root::-webkit-scrollbar,.dark-mode .home-card::-webkit-scrollbar{display:none}.dark-mode li,.dark-mode a,.dark-mode p,.dark-mode h4,.dark-mode h3{color:var(--text-color)}.dark-mode #experience article div h3{color:var(--text-color)}.dark-mode h2{border-bottom:1px solid var(--dark-mode-border-color)}.dark-mode footer{background-color:var(--dark-mode-bg-color);color:var(--text-color)}.dark-mode nav{background-color:var(--dark-mode-bg-color);color:var(--text-color)}.dark-mode nav li a{color:var(--text-color)}.alert-card{box-shadow:5px 5px 20px 5px #0000001c;border:none;width:50%;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;border:2px solid rgb(181,181,181);justify-content:center;top:30%;left:50%;transform:translate(-50%,-50%);position:absolute;animation:fadeIn 1s ease-out}.dark-mode-toggle{position:absolute;top:1rem;right:1rem;padding:.5rem;border-radius:100%;cursor:pointer;align-items:center;display:flex;z-index:3;box-shadow:0 4px 16px #6565651a;background-color:var(--background-color);color:var(--primary-color);border:2px solid var(--primary-color)}.dark-mode-toggle svg{width:1.2rem;height:1.2rem}.dark-mode-toggle.dark{background-color:none;color:var(--primary-color);border:2px solid var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{margin:0}.home{width:100%;max-width:48rem;height:auto;min-height:100vh;padding:1rem;box-sizing:border-box;justify-content:flex-start;flex-direction:column;overflow:visible;gap:1rem}.home .card{width:100%;max-width:none;margin:0;box-sizing:border-box}.home-card.profile-card,.home-card.section-card{width:100%;max-height:none;overflow:visible}.home-card.profile-card{padding:2rem}.home-card.section-card{padding:2rem;text-align:left}.home-card.profile-card img{width:min(15rem,100%);min-width:0;height:auto}.home-card.project-card{margin-bottom:.75rem}.home-card p,.home-card a,.home-card h2,.home-card h3,.home-card h4{overflow-wrap:anywhere}.dark-mode-toggle{top:0rem}}@media (max-width: 600px){.home{padding:.75rem}.home-card.profile-card,.home-card.section-card{padding:1.25rem}.home h1{font-size:2rem}.home h3{font-size:1rem}.home-card.profile-card h2{font-size:1.65rem}.home-card p{line-height:1.65}}footer{width:100%;height:50px;font-size:.75rem;color:var(--quaternary-color);text-align:left;padding-left:1rem;background-color:var(--footer-background-color);position:absolute;z-index:1;bottom:0;left:0}@media (max-width: 900px){footer{font-size:.65rem;padding-left:.5rem;height:40px;position:relative;text-align:center}}.notfound-background{width:100vw;height:100vh;background-color:#19202a;top:0;left:0;position:absolute;padding:2rem 0}.notfound-card{color:#38d0eb;background-color:#334055;box-shadow:5px 5px 10px #00000080}