body { 
    margin: 0;
    background-color: white;
}
.wrapper1 {
    display: flex;
    gap: 25px;
    margin: 25px;
    flex-direction: column;

    
}
.wrapper2 {
    display: flex;
    gap: 25px;
    margin: 25px;
    justify-content: space-around;
}
.wrapper3 {
    display: flex;
    gap: 25px;
    margin: 25px;
    align-items: flex-end;

}
.wrapper4 { 
    display: flex;
    gap: 25px;
    margin: 25px; 
   align-content: center;
    
}
.quarter_box {
    flex: 25%;
    background-color: rgb(255, 226, 231);
    padding: 2%;
}
.half_box {
    flex: 50%;
    background-color: rgb(255, 157, 174);
    padding: 2%;
}
.third_box {
    flex-basis: 20px;
    background-color: rgb(255, 198, 207);
    padding: 2%;

}
.onethird_box {
    flex: 33%;
    background-color: rgb(251, 113, 136);
    padding: 2%;
}
.twothirds_box {
    flex: 66%;
    background-color: rgb(253, 74, 104);
    padding: 2%;
}