body {
background-color: #f4e6ff;
}

.decoration {
text-align: center;
}

.selection {
text-align: center;
font-family: Times New Roman, serif;
font-size: 30px;
}

a {
color: #442a82;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #e05cb6;
}

h1 {
color: #442a82;
}

.box1 {
width: 400px;
padding: 10px;
border: 4px dashed #ffffff;
margin: 30px;
background-color: #b5c5ff;
}

.box2 {
width: 400px;
padding: 30px;
border: 5px inset #e05cb6;
margin: 50px;
background-color: #eabae2;
}

.box4 {
width: 400px;
padding: 30px;
margin: 50px;
border: 5px inset #e05cb6;
background-color: #eabae2;
border-sizing: border-box;
}

#box3 {
width: 400px;
padding: 5px;
margin: 50px;
border: 5px ridge #442a82;
}

.box {
width: 45%;
border: 3px double #ffffff;
height: 100px;
border-radius: 20px;
text-align: center;
padding: 40px;
box-sizing: border-box;
}

.container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
align-content: center;
width: 1000px;
height: 600px;
border-radius: 40px;
margin: 40px auto;
background-color: #442a82;
}

.item1 {
width: 400px;
height: 200px;
background-color: #e6b0dd;
}

.item2 {
width: 400px;
height: 200px;
background-color: #cb65ba;
}

.item3 {
width: 400px;
height: 200px;
background-color: #d98bcb;
}

.item4 {
width: 400px;
height: 200px;
background-color: #bc41a7;
}