#container {
    background-color: black;
    margin: 0 auto;
    width: 610px;
    height: 449px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
}

#border {
    background-color: black;
    margin: 0 auto;
    width: 600px;
    height: 440px;
    border: 1px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

#circle1 {
    background-color: white;
    position: absolute;
    top: 15px;
    left: 15px;
}

#circle2 {
    background-color: #4382A5;
    position: absolute;
    top: 15px;
    left: 90px;
}

#circle3 {
    background-color: #4382A5;
    position: absolute;
    top: 15px;
    left: 165px;
}

#rectangle1 {
    background-color: white;
    position: absolute;
    top: 65px;
    left: 227px;
}

#circle4 {
    background-color: white;
    position: absolute;
    top: 15px;
    left: 380px;
}

#circle5 {
    background-color: white;
    position: absolute;
    top: 15px;
    left: 457px;
}

#circle6 {
    background-color: white;
    position: absolute;
    top: 92px;
    left: 380px;
}

#circle7 {
    background-color: white;
    position: absolute;
    top: 92px;
    left: 457px;
}

#circle8 {
    background-color: white;
    position: absolute;
    top: 169px;
    left: 380px;
}

#circle9 {
    background-color: white;
    position: absolute;
    top: 246px;
    left: 380px;
}

#rectangle2 {
    background-color: #B70000;
    position: absolute;
    top: 170px;
    left: 500px;
}

#rectangle3 {
    background-color: white;
    position: absolute;
    top: 200px;
    left: 0px;
}

#circle10 {
    background-color: white;
    position: absolute;
    top: 280px;
    left: 126px;
}

#rectangle4 {
    background-color: grey;
    position: absolute;
    top: 245px;
    left: 207px;
}

#line1 {
    background-color: white;
    position: absolute;
    top: 310px;
    left: 25px;
}

#line2 {
    background-color: white;
    position: absolute;
    top: 340px;
    left: 25px;
}

#line3 {
    background-color: white;
    position: absolute;
    top: 370px;
    left: 25px;
}

#line4 {
    background-color: white;
    position: absolute;
    top: 400px;
    left: 25px;
}

#circle11 {
    background-color: white;
    position: absolute;
    top: 350px;
    left: 380px;
}

#circle12 {
    background-color: white;
    position: absolute;
    top: 350px;
    left: 303px;
}

#rectangle5 {
    background-color: white;
    position: absolute;
    top: 320px;
    left: 480px;
}

.line {
    height: 15px;
    width: 60px;
    display: inline-block;
    float: none;
}

.tallRectangle {
    height: 70px;
    width: 60px;
    display: inline-block;
    float: none;
}

.rectangle {
    height: 60px;
    width: 120px;
    display: inline-block;
    float: none;
}

.circle {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: inline-block;
    float: none;
}

#button {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    text-align: center;
    border: 1px solid #babfc3;
    padding: 7px 16px;
    min-height: 36px;
    min-width: 36px;
    background: #ffffff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px;
}

p {
    font-family: sans-serif;
}

footer {
    padding: 100px 100px;
}

a:link{
    text-decoration: none;
    color:royalblue;
}