.portfolio .portfolioOptions{margin:20px 0;display:flex;gap:25px;overflow-x:scroll;font-size:.875rem;scrollbar-width:none;-ms-overflow-style:none;color:hsla(228,7%,70%,.741)}.portfolio .portfolioOptions li:first-child{list-style:none}.portfolio .portfolioOptions li{cursor:pointer}.portfolio .portfolioOptions .optionSelected{font-weight:600;color:#afbcc6}.portfolio .portfolioOptions::-webkit-scrollbar{display:none}.portfolio .portfolioItemWrapper{display:flex;transition:all;flex-wrap:wrap;gap:20px}.portfolio .portfolioItemWrapper .portfolioItem{transition:all .1s ease-in-out;opacity:1}.portfolio .portfolioItemWrapper .hidden{opacity:0;height:0;margin:0;padding:0}.portfolioItem{padding:15px;border:1px solid #33363d;border-radius:15px;cursor:pointer}.portfolioItem .portfolioItemWrap{position:relative;border-radius:15px;overflow:hidden}.portfolioItem h4{margin:10px 0}.portfolioItem .portfolioItemWrap>span{position:absolute;top:0;scale:1!important;left:0;z-index:1;font-weight:500;padding:5px 20px 5px 13px;background-color:#fa7268;font-size:13px;border-top-left-radius:15px;border-bottom-right-radius:25px}.portfolioItem a>div{text-decoration:none;border:none;background:#304cfd;color:#f5f2f4;vertical-align:middle;align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;white-space:nowrap;line-height:1.5;margin:0 .5rem 0 0;padding:0 .75em;transition:.2s ease-in;font-weight:500}.portfolioItem a>div:hover{background-color:rgba(48,75,253,.824)}.portfolioItem:hover .portfolioItemImg{scale:1.1}.portfolioItemImg{display:flex;align-items:center;justify-content:center;background-color:#c62368;overflow:hidden;transition:all .3s ease-in-out}.portfolioItemImg img{object-fit:contain;width:370px;min-width:200px;height:350px}.portfolioItemWrap{position:relative}.portfolioItemContent{display:flex;align-items:center;justify-content:center;padding:10px;height:40%;font-size:13px;width:100%;position:absolute;transition:all .3s ease-in-out;bottom:-40%;background-color:rgba(0,0,0,.8)}.portfolioItemContent span{text-align:center}.portfolioItem:hover .portfolioItemContent{bottom:0}@media(max-width:700px){.portfolioItem img{max-width:230px}}