You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
1.2 KiB

body {
color: white;
}
.card-news .wrapper {
height: 40vh;
}
.card-news .data {
position: absolute;
bottom: 0;
width: 100%;
transform: translateY(calc(45px + 1em));
transition: transform 0.3s;
pointer-events: none;
}
.content-blog {
padding: 0.5em 1em 0.1em 1em;
}
.card-img {
display: flex;
justify-content: center;
//align-items: center;
overflow: hidden;
height: 100%;
}
.card-image {
height: 100%;
flex-grow: 10;
}
article {
margin-left: 15vw;
margin-right: 15vw;
@media screen and (max-width: 600px) {
margin-left: 5vw;
margin-right: 5vw;
}
}
.date-news .year {
font-size: 18px;
}
.little-margin-bottom {
margin-bottom : 50px;
}
.categories-button {
width: 9rem;
padding: 0.75rem 0;
margin-left: calc(82vw - 9rem);
margin-right: 15vw;
margin-top: -90px;
margin-bottom: 60px;
text-align: center;
display: block;
@media screen and (max-width: 600px) {
margin-left: calc(82vw - 5rem);
margin-top: 0;
}
}
.categories {
list-style-type: none;
text-align: center;
padding: 0;
}
.categorie-item {
margin: 40px;
padding: 10px 30px;
font-size: 20px;
border-radius: 10px;
font-weight:500;
}
.meta {
line-height: 1.7;
font-size: 14px;
}
.art-desc {
height: 30px;
}