@charset "utf-8";

#container {
    width: 500px;
    height: 700px;
    background-color: gainsboro;
}
#rectangle{
    background-color: antiquewhite;
    border: 5px solid black;
    width: 30px;
    height: 130px;
    display: inline-block;
    float: left;
}


.bigrectanglered{
    background-color: red;
    border-top: 10px solid black;
    width: 500px;
    height: 120px;
    display: inline-block;
    float: left;
}
.squarered{
    background-color: red;
    border-left: 10px solid black;
    border-right: 10px solid black;
    width: 108px;
    height: 100px;
    display: inline-block;
    float: left;
}
.redrectangle{
    background-color: red;
    width: 186px;
    height: 100px;
    display: inline-block;
    float: left; 
}