.article{color:#fff;margin-top:160px}.articleTitle{text-align:center}.article h1{font-size:4rem;font-weight:700;margin:120px 0}.items{background-color:#000;margin:120px 30px}.item{border:4px solid;color:#fff;-o-border-image:conic-gradient(from 0deg at 100% 0,var(--primary-color),#fff) 1;border-image:conic-gradient(from 0deg at 100% 0,var(--primary-color),#fff) 1;background-color:#2c2c2c;border-image-slice:1;border-radius:8px;padding:16px 24px;margin:30px 5%;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.item:hover{transform:scale(1.01)}.tag{border:2px solid #fff;display:inline-block;border-radius:8px;margin:4px;padding:4px}.item h2,.spans{margin:12px 0}.item h2{font-size:2rem}.heart{margin-right:2px}.likes{margin-left:12px}