body {
background-color: #5f538a;
font-family: sans-serif;
font-size: 16px;
}

.container {
width: 1200px;
padding: 30px;
margin: 10px auto;
border: 20px solid #b7a4e0;
display: flex;
background-color: #312B66;
}

.item1 {
background-color: #b7a4e0;
padding: 30px;
margin: 10px;
}

.item2 {
background-color: #f0d6ff;
padding: 25px;
margin: 25px;
}

h1 {
color: #432a78;
font-size: 32px;
font-family: Georgia, serif;
}

h2 {
color: #432a78;
font-size: 24px;
font-family: Garamond, serif;
}

ul, li {
color: #1d417a;
}

p {
color: #432a78;
font-family: Times New Roman, serif;
}

a {
color: #1d417a;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: white;
border-bottom: 1px solid white;
border-top: 1px solid white;
}