html {
    background-color: cornsilk;
}

#container {
    background-color: black;
    width: 1425px;
    height: 770px;
    outline: solid 16px cornsilk;
    outline-offset: 4px;
    margin: 100px auto; 
    padding: 10px; 
    }
    
#background {
    
    background-color:black;
    width: 1400px;
    height: 770px;
    outline-style: solid; 
    
}

.rectangle{ 
    
    margin-left: 245px; 
    margin-top: -685px; 
    width: 945px; 
    height:660px; 
    border-radius: 0%;
    border-top-style: solid;
    border-top-color: cornsilk;
    border-top-width: thick;
    border-bottom-style: solid;
    border-bottom-color:cornsilk;
    border-bottom-width: thick;
    border-left-style: solid;
    border-left-color:cornsilk;
    border-left-width: thick;
    border-right-style: solid;
    border-right-color:cornsilk;
    border-right-width: thick;
}

.rectangle1-1{ 
    
    margin-left: 230px; 
    margin-top: 45px; 
    width: 985px; 
    height:700px; 
    border-radius: 0%;
    
}
    
.circle1 {
    margin-left: 275px;
    margin-top:-650px;
    width:90px; 
    height: 90px; 
    border-radius: 50%; 
    
}

.circle2{
    
    margin-left:382px;
    margin-top:-90px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle3{
    
    margin-left:490px;
    margin-top:-90px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle4{
    
    margin-left:850px;
    margin-top:-90px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle5{
    
    margin-left:960px;
    margin-top:-90px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle6{
    
    margin-left:850px;
    margin-top:-50px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle7{
    
    margin-left:960px;
    margin-top:-90px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle8{
    
    margin-left:850px;
    margin-top:25px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle9{
    
    margin-left:850px;
    margin-top:-80px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle10{
    
    margin-left:450px;
    margin-top:-50px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle11{
    
    margin-left:850px;
    margin-top:-70px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.circle12{
    
    margin-left:745px;
    margin-top:-90px; 
    width:90px; 
    height:90px;
    border-radius: 50%;
}

.rectangle1{
    
    margin-left:580px;
    margin-top:-15px;
    width:190px; 
    height:90px; 
    border-radius:0%;
}


.rectangle2{
    
    margin-left:1020px;
    margin-top:-100px;
    width:90px; 
    height:115px; 
    border-radius:0%;
}

.rectangle3{ 
    
    margin-left: 250px;
    margin-top: -75px;
    width: 190px;
    height: 90px;
    border-radius:0%;
}

.rectangle4{ 
    
    margin-left: 580px; 
    margin-top: -40px; 
    width: 90px; 
    height: 115px; 
    border-radius: 0%;
    
}

.rectangle5{ 
    
    margin-left: 300px; 
    margin-top: -35px; 
    width: 100px; 
    height: 30px; 
    border-radius: 0%;
}

.rectangle6{ 
    margin-left: 300px; 
    margin-top: 20px; 
    width: 100px; 
    height: 30px; 
    border-radius: 0%;
}

.rectangle7{ 
    margin-left: 1005px; 
    margin-top: -60px; 
    width: 190px; 
    height:90px; 
    border-radius: 0%;
}

.rectangle8{ 
    margin-left: 300px; 
    margin-top: -10px; 
    width: 100px; 
    height:30px; 
    border-radius: 0%;
}

.rectangle9{ 
    margin-left: 300px; 
    margin-top: 0px; 
    width: 100px; 
    height:30px; 
    border-radius: 0%;
}


#blockDarkgray{
    background-color:darkgray;
}

#blockSteelblue {
    background-color: steelblue;
}

#blockCornsilk {
    background-color: cornsilk;
}

#blockIndianred {
    background-color: indianred;
}

#blockBlack {
    background-color: black;
}