body{
    margin: 0px;
    background-color: white;
}
.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: 300px;
    margin: 20px;
   justify-content: space-between;

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

.quarter_box{
    flex: 25%;
    background-color: rgb(74, 147, 74);
    padding: 2%;
}
.half_box{
    flex: 10%;
    background-color: rgb(130, 88, 170);
    padding:2%;
    column-gap:350px;

    

}
.third_box{
    flex-basis: 20px;
    background-color: aquamarine;
    padding:2%;
}
.onethird_box{
    flex-grow: 60px;
    background-color: rgb(92, 92, 255);
    padding: 2%
    
    

}
.twothird_box{
    flex: 66%;
    background-color:rgb(227, 227, 134);
    padding:2%;
}