@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);
html, body {
font-family: 'Source Sans Pro', sans-serif;
height: 100%;
margin: 0;
background-color: #f2f2f2;
}
.box {
width: 80%;
margin: 0 auto;
}
#flat {
width: 100%;
}
/* Заголовки */
#flat h1 {
font-family: 'Oswald', sans-serif;
font-size: 28px;
text-transform: uppercase;
}
#flat h2 {
font-family: 'Oswald', sans-serif;
font-size: 60px;
letter-spacing: 6px;
text-align: center;
color: white;
text-transform: uppercase;
}
#flat h3 {
font-family: 'Oswald', sans-serif;
font-size: 14px;
letter-spacing: 6px;
text-transform: uppercase;
}
/* Текст */
#flat p {
font-size: 15px;
line-height: 26px;
}
/* Стартовые буквы */
.first-character {
float: left;
font-size: 84px;
line-height: 64px;
padding-right: 8px;
}
.red-letter { color: #e53935; }
.green-letter { color: #2e7d32; }
.orange-letter { color: #fb8c00; }
/* Заголовочный блок */
.title {
background: white;
padding: 60px;
text-align: center;
}
/* Блок текста */
.block {
background: white;
padding: 40px;
width: 800px;
margin: 0 auto;
text-align: justify;