.project_project__KN5NW{transition:all .3s ease}.project_projectContainer__p7HAy{box-shadow:0 10px 30px rgb(0 0 0/10%);height:300px;overflow:hidden;position:relative;width:100%}.project_projectBackground__VxytH{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%}.project_projectContainer__p7HAy:hover .project_projectBackground__VxytH{transform:scale(1.1)}.project_projectContent__SFcaL{background:var(--elements-background-color);bottom:0;height:260px;left:0;opacity:.9;overflow-y:scroll;padding:20px;position:absolute;right:0;transform:translateY(calc(100% - 80px));transition:transform .3s ease}.project_projectContent__SFcaL::-webkit-scrollbar{display:none}.project_projectHeader__zF6jY{align-items:center;display:flex;gap:20px}.project_projectContainer__p7HAy:hover .project_projectContent__SFcaL{transform:translateY(0)}.project_projectLogo__a3tnB{width:30px}.project_projectLogo__a3tnB img{height:100%;object-fit:contain;width:100%}.project_projectTitle__OoU3p{color:var(--primary-color);font-family:var(--secondary-font);font-size:16px;font-weight:700;margin-bottom:1em;padding-top:15px}.project_projectDescription__PT7xN{color:var(--secondary-color);margin-top:.5em}.project_projectLinks__APrao{display:flex;gap:15px;margin-top:1em;opacity:0;transform:translateY(10px);transition:all .3s ease}.project_projectContainer__p7HAy:hover .project_projectLinks__APrao{opacity:1;transform:translateY(0)}.project_projectLink__VXZ_4{align-items:center;background:#f0f0f0;border-radius:5px;color:#333;display:flex;font-size:.9rem;gap:5px;padding:5px 10px;text-decoration:none;transition:background .3s ease}.project_projectLink__VXZ_4:hover{color:var(--link-color)}.allProjects_allProjectsContainer__IobAP{display:flex;gap:20px;flex-wrap:wrap;align-items:stretch;padding-top:30px;padding-bottom:30px}.allProjects_allProjectsProject__Gsp_y{width:calc(100% / 2 - 2%);box-sizing:border-box;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.allProjects_allProjectsProject__Gsp_y:hover{transform:scale(1.01)}@media (max-width:600px){.allProjects_allProjectsProject__Gsp_y{width:100%}}