.projectOverview{height:45vh;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8rem;padding-left:var(--page-padding);padding-right:var(--page-padding);padding-bottom:2rem}.myRoleDescription{width:50%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.roleTitle{font-size:.9rem;font-weight:700;letter-spacing:3px;word-spacing:5px;overflow-y:hidden;text-transform:uppercase;position:relative;width:max-content;padding-bottom:.3rem}.underline{position:absolute;bottom:0;width:80%;left:50%;transform:translateX(-50%);border:none;height:1px;background-color:var(--red-color)}.myRoleDescription .myRole{font-size:1rem;word-spacing:2px}.aboutProject{width:50%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}@media (max-width:992px){.projectOverview{height:max-content;min-height:30vh;align-items:flex-start;gap:4rem;padding-left:3rem;padding-right:1rem;margin-bottom:2rem}}@media (max-width:575px){.projectOverview{min-height:45vh;flex-direction:column;padding-bottom:2rem}.myRoleDescription{width:100%;gap:1.5rem}.roleTitle{align-self:center;padding-bottom:.5rem}.myRoleDescription .myRole{font-size:.9rem;word-spacing:1px}.aboutProject{width:100%;gap:1rem;font-size:.9rem}}.finalDemo-wrapper{height:max-content;min-height:100vh;background-color:var(--bg-color);flex-direction:column}.fd-image-container,.finalDemo-wrapper{width:100%;box-sizing:border-box;display:flex}.fd-image-container{height:80vh;align-items:center;justify-content:center;overflow:hidden}.demoPlaceholderImg{width:100%;height:100%;object-fit:cover}.demo-nextProject{width:100%;flex:1 1;display:flex;align-items:center;justify-content:center}.liveDemo-container{width:max-content;height:max-content;padding:1rem 2rem;background-color:var(--brown-color);color:black;cursor:pointer;transition:all .2s ease-in;position:relative}.liveDemo-container:hover{background-color:#9e9689}.prev-project{left:3rem}.next-project,.prev-project{width:max-content;height:max-content;padding:1rem 2rem;background-color:var(--brown-color);color:black;cursor:pointer;transition:all .2s ease-in;position:absolute}.next-project{right:3rem}.next-project:hover{background-color:#9e9689}.projectName{text-transform:uppercase}@media (max-width:992px){.demo-nextProject{font-size:11px}}@media (max-width:575px){.finalDemo-wrapper{min-height:70vh}.fd-image-container{height:50vh}.demo-nextProject{flex-direction:column;gap:.7rem;padding:1rem;font-size:11px}.next-project,.prev-project{position:static}}