.area-upper-left{
	position: absolute; 
	display: inline-block;
	top: 10px;
    left: 10px;
    width: max-content;
	height:50px;
}
.area-upper-right{
    position: absolute;
	display: inline-block;
	top: 60px;
    right: 10px;
    width: max-content;
	height:50px;
}
.area-bottom-left{
	position: absolute; 
	display: inline-block;
	bottom: 10px;
    left: 10px;
    width: max-content;
	height:50px;
}
.area-bottom-center{
    position: absolute;
	display: inline-block;
	bottom: 10px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: max-content;
	height:50px;
}
.area-bottom-right{
    position: absolute;
	display: inline-block;
	bottom: 10px;
    right: 10px;
    width: max-content;
	height:50px;
}

.the-button-container {
   float: left;
}
.the-buttons {
   float: left;
   margin-left: 10px;
}