#Container {
    height: 1700px;
    width: 1900px;
    background-color: rgb(18, 54, 27);


}
    /*the Titles Text*/
#AlchemistsHaven{
    font-size: 40px;
    float: left;
    clear: left;


     }
    /*the text througout the rest of the page*/
#ContainerText{
    height: 700px;
    width: 700px;
    background-color: rgb(18, 54, 27);
    padding: 10px;
    font-size: 20px;
    color: white;
}

.MenuBox{
    width:1500px ;
    background-color: rgb(22, 112, 79);
    float: left;
    clear: left;
    margin: 2vh;
}

.SelectorBar{
    width: 1400px;
    background-color: darkgreen;
    float: left;
    clear: left;
    margin: 2vh;
}


    /*the four "boxes" below contain the four menu buttons*/
.box1{
    height: 60px;
    width: 60px;
    background-color:rgb(58, 43, 82);
    float: left;
    padding:20px ;
    color: rgb(76, 224, 116);
}

.box2{
    height: 60px;
    width: 60px;
    background-color:rgb(58, 43, 82) ;
    float: left;
    padding: 20px;
    color: rgb(76, 224, 116);
}

.box3{
    height: 60px;
    width: 60px;
    background-color:rgb(58, 43, 82) ;
    float: right;
    padding: 20px;
    color: rgb(76, 224, 116);
}

.box4{
    height: 60px;
    width: 60px;
    background-color:rgb(58, 43, 82) ;
    float: right;
    padding: 20px;
    color: rgb(76, 224, 116);
}