78 lines
1.6 KiB
CSS
78 lines
1.6 KiB
CSS
|
|
/* Main layout container */
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
min-height: 100vh;
|
|
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
/* Optional: Add to headings for contrast */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
|
|
font-weight: 400; /* Classic book style often uses lighter weights */
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
p {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
text-align: justify;
|
|
hyphens: auto;
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* Side banners */
|
|
.banner-left {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: calc((100% - 1100px) / 2);
|
|
background-image: url('./banner-left.jpg');
|
|
background-size: cover;
|
|
background-position: center right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.banner-right {
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: calc((100% - 1100px) / 2);
|
|
background-image: url('./banner-right.jpg');
|
|
background-size: cover;
|
|
background-position: center left;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Centered content box */
|
|
.content-wrapper {
|
|
position: relative;
|
|
min-height: 20%;
|
|
min-width: 5%;
|
|
width: 1100px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
background: #ffffff;
|
|
box-shadow: 0 0 30px rgba(0,0,0,0.9);
|
|
z-index: 1;
|
|
}
|
|
|
|
.content-wrapper img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
/* Language switcher */
|
|
.language-switcher {
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
margin-top: 40px;
|
|
}
|