body{
    background-color: black;
}

#container{
    overflow: auto; 
    width: 600px;
    height: 600px;
    margin: 50px auto;
    border: 4px solid black;
    box-shadow: 0 0 60px green;
}

.box {

}

#box1 {
    width: 300px;
    height: 300px;
    text-align: top;
    font-family: helvetica;
    color: purple;
    float: left;
    background-color: red;
}


#box2 {
    width: 300px;
    height: 300px;
    float: right;
    background-color: blue;
    outline-style: inset;    

    display: flex;
    justify-content: center;
    align-items: center;
}
#small-box {
    width: 200px;
    height: 200px;
    background-color: lightblue;
}



#box3 {
    width: 300px;
    height: 300px;
    float: left;
    background-color: yellow;
    border-radius: 35px;
}

#box4 {
    width: 300px;
    height: 300px;
    font-family: helvetica;
    color: red;
    float: right;
    background-color: purple;
}