.graphicsArea{display:flex;flex-wrap:wrap;max-width:1187px;width:100%}.graphicsArea .graphicscard{width:30.333%;margin-left:1.5%;margin-right:1.5%;margin-top:2%;padding:2%;border-radius:30px}body .graphicsArea .graphicscard{background-color:var(--main);box-shadow:var(--shadow)}.light .graphicsArea .graphicscard{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.dark .graphicsArea .graphicscard{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}body .graphicsArea .graphicscard img{background-color:var(--img);border-radius:15px}.dark .graphicsArea .graphicscard img{background-color:#000}.light .graphicsArea .graphicscard img{background-color:#313131}.graphicsArea .postInfo p{display:none}.graphicsArea .namePost{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10%}.graphicsArea .namePost .postInfo h2{font-weight:700;font-size:1.1em}@media (max-width:1187px){.graphicsArea .graphicscard{width:47%;padding:3% 3% 5%}.graphicsArea .graphicscard:nth-child(2n){margin-right:0}.graphicsArea .graphicscard:nth-child(odd){margin-right:3%}}@media (max-width:700px){.graphicsArea .graphicscard{width:100%;padding:5% 5% 10%;margin-bottom:5%;border-radius:15px}body .graphicsArea .graphicscard img{border-radius:7.5px}.graphicsArea .graphicscard:nth-child(odd){margin-right:0}}