empower-renewable-website/assets/css/style.css

59 lines
1005 B
CSS
Raw Permalink Normal View History

2024-04-24 16:14:41 +07:00
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
2024-03-10 11:00:33 +07:00
html,
body {
2024-04-24 16:14:41 +07:00
font-family: "Noto Sans Thai", sans-serif;
2024-03-10 13:23:23 +07:00
font-optical-sizing: auto;
font-style: normal;
2024-04-24 16:14:41 +07:00
font-variation-settings:
"wdth" 100;
2024-03-10 11:00:33 +07:00
}
@media (min-width: 40em) {
2024-03-10 13:23:23 +07:00
/* Bump up size of carousel content */
.banner-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
2024-03-10 11:00:33 +07:00
}
2024-03-10 13:23:23 +07:00
.bg-primary,
.text-bg-primary {
background-color: #2f3448 !important;
2024-03-10 11:00:33 +07:00
}
2024-04-24 16:14:41 +07:00
.border-primary {
border-color: #2f3448 !important;
}
.list-group-item.active {
background-color: #2f3448 !important;
border-color: #2f3448 !important;
}
2024-03-10 11:00:33 +07:00
.bi {
2024-03-10 13:23:23 +07:00
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
2024-03-10 11:00:33 +07:00
}
#socialMediaSection a {
2024-03-10 13:23:23 +07:00
text-decoration: none;
2024-03-10 11:00:33 +07:00
}
2024-03-10 13:23:23 +07:00
#mainBanner {
max-width: 100%;
height: auto;
2024-03-10 11:00:33 +07:00
}
#mainLogo {
2024-03-10 13:23:23 +07:00
max-width: 100%;
height: 40px;
2024-03-10 11:00:33 +07:00
}
#companyLogo {
2024-03-10 13:23:23 +07:00
max-width: 100%;
height: 100px;
}