website/public/news.css
2024-08-23 14:11:48 +03:00

66 lines
1.0 KiB
CSS

main {
display: flex;
flex-direction: column;
padding-top: 40px;
gap: 10px;
}
@media only screen and (max-width: 1200px) {
main {
padding-top: 50px;
}
}
.feed-menu {
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
margin-bottom: 6px;
color: white;
gap: 10px;
}
.feed-menu p {
color: var(--bright-main);
border-right: solid 1px var(--bright-third);
padding-right: 8px;
font-weight: 900;
font-size: 17px;
}
.feed-menu .feeds {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
}
.feed-menu .feeds a {
font-weight: 100;
font-size: 16px;
color: var(--bright-second);
text-decoration: none;
}
.feed-menu .feeds a:hover {
text-decoration: underline;
}
.small {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: white;
padding: 20px;
background: var(--dark-second);
border: solid 1px var(--bright-second);
text-decoration: none;
}
.small h1 {
font-size: 20px;
font-weight: 400;
}