@charset "utf-8";
/* CSS  Document*/

.block1{
    background-color: #DC847F ;
}
.block2{
    background-color: #A9D8B8;
    height: 50px;
     display: block; margin-right:70%;
}
.block3{
    background-color: #FEC0CE;
}
.block4{
    background-color: #BB07C5;
    display: flex;
}
/* Now positions*/
.blockStatic{
    position: static;
    background-color: #FF934F;
    height: 30px;
    width: 30px;
    left: 1000px;
    top: 50px;
}
.blockFixed{
    position: fixed;
    background-color:#8E678C;
    height: 300px;
    width: 300px;
     left:1000px;
    top: 80px;
}
.blockRelative{
    position: relative;
    background-color: #47682C;
    height: 100px;
    width: 1000px;
     left: 1000px;
    top: 80px;
}
.blockAbsolute{
    position: absolute;
    background-color: #78D0E3;
    height: 600px;
    width: 300px;
    left :650px;
}
/*Now flexbox*/
  .column-layout{
    height: 1300px
    background-color: #B5BD89;
    display: flex;
    padding: 10px;
}
.main-column{
    background-color:  #B5BD89;
    flex: 3;
    order: 2;
}
.sidebar-one{
    background-color:  #B5BD89;
    order:1;
}
.sidebar-two{
 background-color:  #B5BD89;
 order:3;
}
.tupaware-big{
    display: flex;
    padding: 40px;
    justify-content: space-between ;
}
.tupaware-small{
    background-color: #FDA;
    flex-basis: 30%;
    box-sizing: border-box;
}