.projcard-container{margin:50px 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-bottom:40px;border-radius:10px;background-color:#fff;font-size:18px;overflow:hidden;cursor:pointer;box-shadow:0 4px 21px -12px rgba(0,0,0,.66);transition:box-shadow .2s ease,transform .2s ease}.projcard:hover{box-shadow:0 34px 32px -33px rgba(0,0,0,.18);transform:translateY(-3px)}.projcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(-70deg,#424242,transparent 50%);opacity:.07}.projcard:nth-child(2n):before{background-image:linear-gradient(-250deg,#424242,transparent 50%)}.projcard-innerbox{position:absolute;top:0;right:0;bottom:0;left:0}.projcard-img{position:absolute;height:300px;width:400px;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:#fff;top:-20%;left:-55px;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;color:#424242}.projcard-subtitle,.projcard-title{font-family:Voces,Open Sans,arial,sans-serif}.projcard-subtitle{color:#888}.projcard-bar{left:-2px;width:50px;height:5px;margin:10px 0;border-radius:5px;background-color:#424242;transition:width .2s ease}.projcard-blue .projcard-bar{background-color:#08f}.projcard-blue:before{background-image:linear-gradient(-70deg,#08f,transparent 50%)}.projcard-blue:nth-child(2n):before{background-image:linear-gradient(-250deg,#08f,transparent 50%)}.projcard-red .projcard-bar{background-color:#d62f1f}.projcard-red:before{background-image:linear-gradient(-70deg,#d62f1f,transparent 50%)}.projcard-red:nth-child(2n):before{background-image:linear-gradient(-250deg,#d62f1f,transparent 50%)}.projcard-green .projcard-bar{background-color:#40bd00}.projcard-green:before{background-image:linear-gradient(-70deg,#40bd00,transparent 50%)}.projcard-green:nth-child(2n):before{background-image:linear-gradient(-250deg,#40bd00,transparent 50%)}.projcard-yellow .projcard-bar{background-color:#f5af41}.projcard-yellow:before{background-image:linear-gradient(-70deg,#f5af41,transparent 50%)}.projcard-yellow:nth-child(2n):before{background-image:linear-gradient(-250deg,#f5af41,transparent 50%)}.projcard-orange .projcard-bar{background-color:#ff5722}.projcard-orange:before{background-image:linear-gradient(-70deg,#ff5722,transparent 50%)}.projcard-orange:nth-child(2n):before{background-image:linear-gradient(-250deg,#ff5722,transparent 50%)}.projcard-brown .projcard-bar{background-color:#c49863}.projcard-brown:before{background-image:linear-gradient(-70deg,#c49863,transparent 50%)}.projcard-brown:nth-child(2n):before{background-image:linear-gradient(-250deg,#c49863,transparent 50%)}.projcard-grey .projcard-bar{background-color:#424242}.projcard-grey:before{background-image:linear-gradient(-70deg,#424242,transparent 50%)}.projcard-grey:nth-child(2n):before{background-image:linear-gradient(-250deg,#424242,transparent 50%)}.projcard-customcolor .projcard-bar{background-color:var(--projcard-color)}.projcard-customcolor:before{background-image:linear-gradient(-70deg,var(--projcard-color),transparent 50%)}.projcard-customcolor:nth-child(2n):before{background-image:linear-gradient(-250deg,var(--projcard-color),transparent 50%)}.projcard-description{z-index:10;font-size:15px;color:#424242;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;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}