:root{--bg-color: #ffffff;--bg-color-2: #f9fafb;--font-color: #383838;--highlight-color: #608a74;--nav-color: #acacac;--footer-color: #acacac;--dark-bg-color: #292c34;--dark-bg-color-2: #22262d;--dark-font-color: #ffffff;--dark-highlight-color: #f6dba1;--dark-nav-color: rgb(29 33 39 / .8);--dark-footer-color: #1d2127}*{margin:0;padding:0;font-family:sans-serif,serif;scroll-behavior:smooth}.dark-theme{--bg-color: var(--dark-bg-color);--bg-color-2: var(--dark-bg-color-2);--font-color: var(--dark-font-color);--highlight-color: var(--dark-highlight-color);--nav-color: var(--dark-nav-color);--footer-color: var(--dark-footer-color)}body,a,div{color:var(--font-color)}ul{list-style:none}section{min-height:80vh;display:flex;align-items:center}section:nth-of-type(odd){background-color:var(--bg-color)}section:nth-of-type(2n){background-color:var(--bg-color-2)}h1,h2,h3,h4,h5,h6{color:var(--highlight-color)}a{text-decoration:none}button{border:none;color:var(--font-color);background-color:transparent;font-size:1rem}button:hover{cursor:pointer}.navbar{color:#fff;background:var(--nav-color);height:4rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:150}.navbar-logo{margin-left:.5rem}.navbar-links{display:flex}.navbar-links li{margin:0 .5rem;position:relative}.dropdown{position:absolute;top:100%;left:0;padding:.5rem 0;margin:0;list-style:none;z-index:200;background-color:var(--nav-color)}.dropdown li{margin:0;padding:.5rem 1rem}.dropdown li:hover{background-color:var(--highlight-color);color:var(--bg-color)}.dropdown li a{display:block}.desktopOthers{margin:1rem}.desktopOthers button{margin:0 .5rem}.personal-links a{display:inline-block;transition:transform .2s ease;margin:0 .5rem}.personal-links a:hover{transform:rotate(-15deg) scale(1.2)}.footer{display:flex;flex-direction:column;align-items:center;padding:1rem 0;background-color:var(--footer-color)}.footer-info{margin:.5rem 0}.footer .personal-links a{padding:.5rem;margin:0 .5rem}#scrolling-diamonds{position:fixed;top:50%;left:20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;z-index:1000;background-color:transparent;padding:5px 10px}.diamond{translate:transform .3s ease}.diamond:hover,.diamond.active{transform:rotate(-45deg)}#float-links{position:fixed;top:70%;right:1.5rem;display:flex;flex-direction:column;gap:10px;overflow-y:auto;z-index:1000;background-color:transparent;padding:.5rem 1rem;align-items:center;font-size:1.4rem}#float-links a:hover{color:var(--highlight-color);fill:var(--highlight-color)}#decorate-line{background-color:var(--font-color);height:7rem;width:3px;margin:.5rem 0}#section-about{flex-direction:column}#section-about h3{margin:1rem}#about-details{display:flex;align-items:center;margin:1rem}#about-img{width:40%;display:flex;align-items:center;justify-content:center}#about-content{width:60%;padding:0 1rem;line-height:1.5rem}.timeline{padding:1rem}.timeline-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .6s ease;cursor:pointer}.timeline-item:hover{transform:translateY(0) scale(1.03);box-shadow:0 4px 12px #0000001a;background-color:var(--bg-color-2);border-radius:8px;padding:1rem}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-dot{width:12px;height:12px;background-color:var(--highlight-color);border-radius:50%;margin-top:6px}.timeline-content{max-width:600px}.timeline-year{font-weight:700;color:#888}.timeline-company{font-style:italic;margin-bottom:.5rem}#section-education{flex-direction:column}#section-education h3{margin:1rem}#section-intro{color:#fff;height:50vh;position:relative;justify-content:center}#intro-info{display:flex;flex-direction:column;gap:1rem}#section-work{flex-direction:column}#section-work h3{margin:1rem}#section-projects{flex-direction:column}#section-projects h2{margin:1rem}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.project-card{width:30rem;height:30vh;margin:1rem 2rem}.project-details{margin:.2rem 0}.project-img{height:50%}.project-imag:hover img{transform:scale(1.2)}.project-title{display:flex;justify-content:space-between}.project-links a{margin:.5rem;display:inline-block;transition:transform .2s ease}.project-links a:hover{transform:rotate(-15deg) scale(1.2)}.project-skills{display:flex;flex-wrap:wrap}.project-skills span{padding:.2rem .5rem;margin:0 .2rem;border-radius:4px}