body{margin:0 auto}.container:where(.astro-2VYLPRO6){display:flex;flex-direction:column;align-items:center}.project-container:where(.astro-2VYLPRO6){max-width:1200px}li:where(.astro-2VYLPRO6){display:flex;flex-direction:column;margin:10px}.project-image:where(.astro-2VYLPRO6){width:100%;object-fit:cover;background-color:#000}.item:where(.astro-2VYLPRO6){position:relative}.details:where(.astro-2VYLPRO6){position:relative;display:flex;align-content:space-between;align-items:center;position:absolute;bottom:10px;right:10px;background-color:#e9ffde;padding:4vh;border-radius:500px;min-width:70%;overflow:hidden}.details-bottom:where(.astro-2VYLPRO6){position:absolute;background-color:#1f5e00;display:flex;flex-direction:column;width:30%;min-height:100%;right:0;justify-content:center;align-items:center;border-radius:50%;transition:ease-in-out .2s}.details-bottom:where(.astro-2VYLPRO6):hover{transition:ease-in-out .3s;transform:scale(.95)}.details-bottom:where(.astro-2VYLPRO6){color:#fff}.details-top:where(.astro-2VYLPRO6){width:70%}.details-top:where(.astro-2VYLPRO6) a:where(.astro-2VYLPRO6){color:#000}.type:where(.astro-2VYLPRO6){color:#e9ffde;display:inline-block;background-color:#1f5e00;padding:.5vh}.project-image:where(.astro-2VYLPRO6){border-radius:20px}.navigation:where(.astro-2VYLPRO6){display:flex;justify-content:space-between;width:100%;min-height:5vw;align-items:center}.nav-ttl:where(.astro-2VYLPRO6){display:flex;align-items:center;background-color:#e9ffde;height:5vw;padding:1vw;border-radius:500px}.nav-btn:where(.astro-2VYLPRO6){border:none;display:flex;align-items:center;justify-content:center;background-color:#e9ffde;width:5vw;height:5vw}