body{
    margin: 0;
    background-color:#ffffff;
}

.wrapper1{
    display:flex;
    gap: 20px;
    margin: 20px;
    flex-direction:column;
}

.wrapper2{
    display:flex;
    gap: 20px;
    margin: 20px;
    justify-content:space-around;
}

.wrapper3{
    display:flex;
    gap: 20px;
    margin: 20px;
    color:rgb(203, 143, 223);
}

.wrapper4{
    display:flex;
    gap: 20px;
    margin: 20px;
}

.quarter_box{
    flex: 25%;
    background-color: rgb(255, 215, 236);
    padding: 2%;
    color:rgb(221, 137, 172)
}

.third_box{
    flex-basis:20px;
    background-color: lightblue;
    padding:2%;
    text-align:center;
}

.half_box{
    flex:200px;
    background-color: lavender;
    padding:2%;
}

.onethird_box{
    flex:33%;
    background-color: lightgoldenrodyellow;
    padding:2%;
    text-align:left;
}

.twothird_box{
    flex:66%;
    background-color: rgb(202, 244, 230);
    padding:2%;
    text-align:right;
}