html{
	font-size:12px;
	line-height:1.5;
}
body,html{
	background-color:#fff5f5;
}
body {
    font-size: 20px;
    font-family: "EB Garamond", serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    background-color: hsla(0, 100%, 98%, 1);
    color: #000000;
}

a {
    color: #e00202; /* Link color */
}

.minipage {
    max-width: 1240px;
    height: auto; /* Fixed height */
    margin: 0 auto;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #fff5f5;;
    overflow: hidden;
    display: flex;
    flex-direction: column;
 }

h1 {font-weight:400;
	font-style:italic;
    font-size: 80px;
    margin-top: 10px; /* Adjust as needed */
    margin-bottom: 10px; /* Adjust as needed */
}

h2 {
    font-size: 35px;
    font-style: italic;
    line-height: 1;
    display: block;
    font-weight: bold;
    unicode-bidi: isolate;
}

/* Social links */
ul.social-links {
display: flex;
list-style: none;
margin: 5px 0 5px;
padding: 0;
text-align: left;
justify-content: center; /* Centers the social icons horizontally */
}

ul.social-links li {
display: inline-block;
margin: 0;
padding: 0;
}

ul.social-links li a {
display: inline-block;
margin: 0 1px;
width: 34px;
height: 34px;
color: #555;
background-color: transparent;
border: 1px solid #e5e5e5;
text-align: center;
}

ul.social-links li a:hover {
color: #fff;
background-color: #d8c9c9;
border-color: transparent;
}

ul.social-links li a i {
font-size: 16px;
line-height: 32px;
}

ul.social-links li:last-child a {
margin-right: 0;
}

.nav-header {
line-height: 3rem;
line-height: calc(var(--ru)* 2rem);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #f3e7e7, rgba(255, 255, 255, 0));
font-size: 1.5rem;
padding: calc(1.125rem - 1px) 0;
padding: calc(var(--ru)* 0.75rem - 1px) 0;
border-top: 1px solid rgba(0, 0, 0, .25);
border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.nav-header ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
}

.nav-header li {
display: inline-block;
padding: 0 1rem;
}

.nav-header a {
    color: var(--color-body);
    text-decoration: none;
    font-weight: 500;
}

.main-container {
    display: flex;
    flex-direction: row; /* Default to horizontal layout */
    gap: 20px; /* Space between the sections */
 }
 
 .content-section {
    flex: 2; /* Make the content section larger */
    padding: 20px;
 }
 
 .image-section {
    flex: 1; /* Make the image section smaller */
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Gap between images */
 }
 
 img {
    width: 100%; /* Make images responsive */
    height: auto;
 }
 
 /* Media query to switch to vertical layout on smaller screens */
 @media (max-width: 768px) {
    .main-container {
       flex-direction: column; /* Switch to vertical layout */
    }
 }