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}}:root{--navbar-contrast-bg:#0f766e;--navbar-contrast-text:#fff;--navbar-contrast-hover:#0f766e}@media screen and (max-width:1440px){.about{left:105vh}.about,.letter{position:relative}.letter{left:125vh}}.container{display:grid;grid-template-columns:repeat(2,531px);gap:16px;padding-top:5rem;padding-bottom:5rem}.card-container{width:300px;height:440px;background-color:#fff;border-radius:8px;margin:auto;box-shadow:0 2px 20px rgba(0,0,0,.1);overflow:hidden}.card-image img{height:220px;width:100%;border-radius:8px 8px 0 0;background-size:cover}.card-body{display:flex;flex-direction:column;align-items:start;padding:16px;min-height:200px}.card-badge{text-transform:uppercase;background-color:#fff;color:#fff;padding:2px 8px;border-radius:70px;margin:0;font-size:12px}.card-badge-blue{background-color:#92d4e4}.card-badge-purple{background-color:#3d1d94}.card-badge-pink{background-color:#c62bcb}.card-body h1{font-size:16px;margin:8px 0}.card-body p{font-size:14px;margin:8px 0 16px}.card-author{display:flex;align-items:center}.card-author p{margin:0 16px;font-size:12px}.card-author p:last-child{color:#888}.card-author img{border-radius:50%;height:48px;width:48px;margin-top:auto}@media screen and (max-width:1000px){.container{grid-template-columns:1fr}}