body{
    background-color: rgb(105, 105, 105);
}
.box-1{
    background-color: orchid;
}
.box-2{
    background-color: palegreen;
    position: absolute;
}
.box-3{
    background-color: peru;
}
.box-4{
    background-color: purple;
    position: absolute;
    bottom: 0px;
}
.ejemplo{
    height: 40px;
    position: relative;
}
.box-5{
    background-color: springgreen;
}
.box-6{
    background-color: teal;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.box-7{
    background-color: rgb(71, 51, 255);
    position: absolute;
}
.box-8{
    background-color: rgb(240, 243, 74);
    
}
.ejemplo2{
    height: 300px;
    position: relative;
}
.contenedor{
    width: 150px;
    height: 150px;
    background-color: mediumaquamarine;
    position: relative;
}
.box-9{
    background-color: mediumorchid;
    position: absolute;
    left: 100px;
    bottom: 100px;
}
.box-10{
    background-color: rgb(211, 85, 85);
    position: absolute;
    left: 100px;
    bottom: 100px;
}
.contenedor2{
    width: 150px;
    height: 150px;
    background-color: rgb(148, 205, 102);
    position: relative;
    margin-left: 50px;
}
.box-11{
    background-color: rgb(200, 0, 250);
    position: absolute;
    left: 100px;
    bottom: 100px;
}
.box-12{
    background-color: rgb(255, 0, 0);
    position: absolute;
    left: 100px;
    bottom: 100px;
}