.single-page {
max-width: 100%;
}
.print-main {
background-color: var(--clr-white);
padding: 40px;
border-radius: var(--bor-radius-l);
}
.print-main h1 {
font-size: 38px;
font-weight: 500;
line-height: 120%;
letter-spacing: -2%;
color: var(--clr-black);
margin: 0 0 30px 0;
}
.post-img-container {
margin-bottom: 30px;
}
.post-img-container img {
width: 100%;
height: auto;
border-radius: var(--bor-radius-l);
object-fit: cover;
}
.atricle-tags {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.atricle-tags li {
margin: 0;
}
.atricle-tags a {
padding: 8px 15px;
background-color: var(--clr-gray);
color: var(--clr-black);
text-decoration: none;
border-radius: var(--bor-radius-m);
transition: background-color 0.3s ease;
font-size: 14px;
}
.atricle-tags a:hover {
background-color: var(--clr-green-light);
color: var(--clr-white);
}
.right-content {
padding-left: 30px;
}
@media screen and (max-width: 1024px) {
.print-main {
padding: 30px 20px;
}
.print-main h1 {
font-size: 20px;
}
.right-content {
padding-left: 0;
margin-top: 40px;
}
}