.ProjectComponent{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}@media screen and (max-width:1150px){.ProjectComponent{margin-top:5rem}}.ProjectComponentDividerWrapper{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.ProjectComponentContent{flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.ProjectComponentContent>p{text-align:left}.ProjectCardDescription{margin-top:1rem;margin-bottom:1rem}.ProjectComponentContentFlipped{flex-direction:row-reverse}.ProjectComponentContentFlipped>p{text-align:right}@media screen and (max-width:1150px){.ProjectComponentContent,.ProjectComponentContentFlipped{flex-direction:column}.ProjectComponentContent>p,.ProjectComponentContentFlipped>p{text-align:center}}.ProjectCard,.ProjectLargeDescription{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.ProjectCard{transition:all .25s}.ProjectCard:hover{transform:scale(1.05)}.ProjectTitle{font-family:var(--font-heebo),serif;font-optical-sizing:auto;margin-bottom:1rem;font-style:italic;font-weight:900}.ProjectCardSubtitle{flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:flex}.ProjectCardFrameworks{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;list-style:none;display:flex}.ProjectComponentNextProjectButton{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media screen and (max-width:1150px){.ProjectComponentNextProjectButton{bottom:0}}