*{ 
    box-sizing: border-box; 
    margin: 0px; 
} 
h1{
    text-align: center;
}
.container{
    width: 960px;
    margin: 0 auto;
    background-color: rgb(240, 255, 172);
    border: 5px solid rgb(123, 178, 255)
}
.box{ 
    background-color: rgb(255, 194, 183); 
    width: 180px; 
    height: 140px; 
    border: 5px solid rgb(247, 178, 255); 
    margin: 0 auto; 
    padding: 5px; 
    border-radius: 15px;
} 
.box1{ 
    background-color: rgb(177, 227, 240); 
    width: 180px; 
    height: 140px; 
    border: 5px solid rgb(193, 160, 254); 
    margin: 0 auto; 
    padding: 5px; 
    border-radius: 15px;
} 
.box2{ 
    background-color: rgb(136, 245, 152); 
    width: 180px; 
    height: 140px; 
    border: 5px solid rgb(91, 181, 82); 
    margin: 0 auto; 
    padding: 5px; 
    border-radius: 15px;
} 
.box3{ 
    background-color: rgb(248, 244, 203); 
    width: 180px; 
    height: 140px; 
    border: 5px solid rgb(247, 178, 255); 
    margin: 0 auto; 
    padding: 5px; 
    border-radius: 15px;
} 
.box4{ 
    background-color: rgb(237, 166, 166); 
    width: 180px; 
    height: 140px; 
    border: 5px solid rgb(133, 46, 255); 
    margin: 0 auto; 
    padding: 5px; 
    border-radius: 15px;
}