oswilno/assets/css/app.css
2022-07-14 19:36:33 +02:00

107 lines
1.9 KiB
CSS

@import url('https://fonts.cdnfonts.com/css/noto-sans');
* {
--hover-color: #f18902;
--border-slim-color: #495057;
--border-light-gray-color: #e5e5e5;
}
main {
font-family: 'Noto Sans', sans-serif;
}
* {
font-family: 'Noto Sans', sans-serif;
}
@media (min-width: 1200px) {
article {
width: 1280px;
margin: auto auto;
}
.bg {
height: 200px;
display: flex;
justify-content: space-between;
}
.bg::after {
display: block;
text-align: center;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 100%),
no-repeat center image-set(url("/assets/images/background.webp") 1x, url("/assets/images/background.jpeg") 1x);
height: 200px;
width: calc(100% - 300px);
max-width: 1200px;
content: ' ';
}
.bg h1 {
font-weight: bold;
font-size: 50px;
text-shadow: 2px 2px 2px #c5d1d8;
text-align: center;
display: block;
width: 300px;
line-height: 4;
}
}
* {
font-family: 'Noto Sans', sans-serif;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.2;
}
h1 {
font-size: 3.4em;
margin-bottom: .8em;
}
h2 {
font-size: 2.4em;
padding-bottom: .2em;
border-bottom: 1px solid #333;
margin-top: 1em;
margin-bottom: .7em;
}
h3 {
font-size: 1.8em;
margin-bottom: .7em;
}
p {
font-size: 1.3em;
line-height: 1.5;
margin-bottom: 1.3em;
}
ul, ol {
font-size: 1.3em;
margin: 0 0 1.3em 2em;
}
li {
margin-bottom: .4em;
}
blockquote {
padding-left: 1em;
border-left: 3px solid #999;
margin: 2.5em 2em;
}
blockquote p {
font: italic 1.2em/1.6 Georgia, "Times New Roman", Times, serif;
}
local-businesses local-business p {
font-family: 'Noto Sans', sans-serif;
}