:root{--color-primary:#131d0e;--color-secondary:#253512;--color-accent:#eab764;--color-basic:#fff;--font-size-regular:24px}
.placeholderButtonBox{background-color:var(--color-primary);color:var(--color-basic);font-size:var(--font-size-regular);transition:background-color .3s}.placeholderButtonBox:hover{background-color:#adff2f}.placeholderButtonBox:active{background-color:#9acd32}
.placeholderProjectCardsCarouselCards{gap:20px;width:100%;display:flex;overflow-x:hidden}.placeholderProjectCardsCarouselBox{display:flex;position:relative}.placeholderProjectCardsCarouselButton{z-index:10;cursor:pointer;width:100px;height:100px;position:absolute;top:50%;transform:translateY(-50%)}.prevButton{left:10px}.nextButton{right:10px}
.placeholderProjectCardBox{background-color:#0ff;flex:none;width:470px}.placeholderProjectCardBox:hover{cursor:pointer}.placeholderProjectCardImage{aspect-ratio:1;width:100%}.placeholderProjectCardTitle{font-size:large}.placeholderProjectCardDescription{font-size:medium}