*{
    margin: 0px
    padding: 0px
}

#container{
  background-color: navy;
  display: inline-block;
  height:   600px;
  width: 100000
   px
  padding: 10px;

}
/* #box-1, #box-2, #box-3, #box-4{

} */

#box-1{
  background-color: red;
  color: white;
  height: 80px;
  width: 930px;
  margin: 10px;
  padding: 10px;
  vertical-align: top;
  border-radius: 10px;
  display: inline-block;
}
#box-2{
  background-color: teal;
  color: white;
  /* position: relative; */
  top: 20px;
  left: 20px;
  display: inline-block;
  height: 300px;
  width: 250px;
  border-radius: 10px;
  padding: 15px;
  margin: 20px;

}
#box-3{
  background-color: black;
  color: white;
  /* position: relative; */
  /* top: 20px;
  left: 20px; */
  display: inline-block;
  height: 300px;
  width: 590px;
  margin: 10px;
  border-radius: 10px;
  padding: 15px;
  vertical-align: top;


}

#box-4{
    background-color: grey;
    color: white;
    /* position: relative; */
    top: 20px;
    left: 20px;
    /* display: inline-block; */
    height: 50px;
    width: 920px;
    border-radius: 10px;
    padding: 15px;
    margin: 10px;


}

.blue-text{
    color:aqua;
}

.white-text{
    color:white;
}