body{font-family:Open Sans,arial,sans-serif;color:#333;background-color:#fff;font-size:14px}.projcard-container{margin:150px 0}.projcard-container,.projcard-container *{box-sizing:border-box}.projcard-container{margin-left:auto;margin-right:auto;width:1000px}.projcard{position:relative;width:100%;height:300px;margin-top:2rem;margin-bottom:2rem;border-radius:10px;background-color:#f3f3f3;font-size:18px;overflow:hidden;cursor:pointer;box-shadow:0 9px 13px 3px hsla(0,0%,45%,.66);transition:box-shadow .2s ease,transform .2s ease}.projcard:hover{box-shadow:0 34px 32px -33px hsla(0,0%,45%,.66);transform:translateY(-3px)}.projcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(-70deg,#1e1e1e,transparent 50%);opacity:.07}.projcard:nth-child(2n):before{background-image:linear-gradient(-250deg,#202020,transparent 50%)}.projcard-innerbox{position:absolute;top:0;right:0;bottom:0;left:0}.projcard-img{position:absolute;height:300px;width:400px;-o-object-fit:cover;object-fit:cover;top:0;left:0;transition:transform .2s ease}.projcard:nth-child(2n) .projcard-img{left:auto;right:0}.projcard:hover .projcard-img{transform:scale(1.05) rotate(1deg)}.projcard:hover .projcard-bar{width:70px}.projcard-textbox{position:absolute;top:7%;bottom:7%;left:430px;width:calc(100% - 470px);font-size:17px}.projcard:nth-child(2n) .projcard-textbox{left:auto;right:430px}.projcard-textbox:after,.projcard-textbox:before{content:"";position:absolute;display:block;background:#ff0000bb;background:#16bdca;top:-20%;left:-85px;height:140%;width:60px;transform:rotate(8deg)}.projcard:nth-child(2n) .projcard-textbox:before{display:none}.projcard-textbox:after{display:none;left:auto;right:-55px}.projcard:nth-child(2n) .projcard-textbox:after{display:block}.projcard-textbox *{position:relative}.projcard-title{font-size:24px;font-weight:600}.projcard-subtitle,.projcard-title{font-family:Voces,Open Sans,arial,sans-serif;color:#000}.projcard-description{z-index:10;font-size:15px;color:#181818;height:125px;overflow:hidden;text-overflow:ellipsis}.projcard-tagbox{position:absolute;bottom:3%;font-size:14px;pointer-events:none}.projcard-tag,.projcard-tagbox{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.projcard-tag{display:inline-block;background:#e0e0e0;color:#777;border-radius:3px 0 0 3px;line-height:26px;padding:0 10px 0 23px;position:relative;margin-right:20px;transition:color .2s}.projcard-tag:before{content:"";position:absolute;background:#fff;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,.25);height:6px;left:10px;width:6px;top:10px}.projcard-tag:after{content:"";position:absolute;border-bottom:13px solid transparent;border-left:10px solid #e0e0e0;border-top:13px solid transparent;right:-10px;top:0}@media screen and (max-width:750px){.projcard-container{display:none}}