.projects{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%;overflow-x:hidden}.projects .side{position:absolute;left:0;top:0;height:100%;width:10rem;background-color:#333}.projects .side .sidemenu{padding-top:2.9rem;width:10rem!important;background:#ddac3f}.projects .side .sidemenu a{display:block;text-decoration:none;font-size:1rem;height:3rem;line-height:3rem;text-align:center;color:#fff;cursor:pointer}.projects .side .sidemenu a.active,.projects .side .sidemenu a:hover{background:#c69323}.projects .content{min-height:400px;margin-left:14rem;padding-top:2.9rem}.projects .content .item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100vw - 14rem)}.projects .content .item-list .item{margin-right:2rem;margin-bottom:2rem;width:13.7rem}.projects .content .item-list .item a{color:#433526}.projects .content .item-list .item a div{position:relative}.projects .content .item-list .item a div img{width:100%}.projects .content .item-list .item a div img.mark{width:4rem;height:1.113rem;position:absolute;right:.5rem;bottom:.5rem}.projects .content .item-list .item a .title{text-decoration:none;display:inline-block;font-size:1rem;margin:.5rem 0;width:100%;font-family:sourcehanserifcn-bold}.projects .content .item-list .item a:hover{color:#3fb6ac}.projects .content .item-list .item .tags .tag{font-size:.7rem;display:inline-block;border:1px solid #333;border-radius:16px;padding:.2rem .5rem;margin-bottom:.2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.projects .content .item-list .item .tags .tag.green{color:#97c605;border-color:#97c605}.projects .content .item-list .item .tags .tag.purple{color:#b363c3;border-color:#b363c3}.projects .content .item-list .item .tags .tag.orange{color:#b87a63;border-color:#b87a63}.projects .content .item-list .item .tags .tag.yellow{color:#bb9436;border-color:#bb9436}.projects .content .item-list .item .tags .tag.pink{color:#e4609f;border-color:#e4609f}.projects .content .item-list .item .tags .tag.blue{color:#3fb6ac;border-color:#3fb6ac}.projects .content .item-list .item .tags .tag.green2{color:#22a797;border-color:#22a797}