.float-container {
    border: 3px solid #fff;
    padding: 20px;
}

.float-child-left {
    width: 20%;
    float: left;
    padding: 20px;
    text-align: center;
}
.float-child-right {
    width: 60%;
    float: left;
    padding: 20px;
    text-align: center;
}

h2{
  text-align: center;
}

.layer{
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

section {
  border:4px solid grey;
  border-radius:15px;
  box-shadow: 5px 5px 5px grey;
  float:left;
  height:360px;
  padding: 20px;
  margin:10px;
}

#plotSettings {
  width:160px;
}

#plot {
  width:550px;
}

.Button{
    background: whitesmoke;
    width: 100%;
    border: 1.5px solid #566357;
    font-size: 20px;
}

.Button:hover {
    background-color: #566357;
    color: white;
}

.Box1{
    height : 500px
}

.Box2{
    height : 350px
}

.left{
    float:left;
    width:50%;
    padding:10px;
}

.right{
    float:right;
    width:40%;
    padding:10px;
}

.container{
    display: table;
    font-family: 'Reggae One', cursive;
    width:100%;
    height: 300px;
    padding:10px;
}

.table{
    width: 75%;
    background-color: ghostwhite;
    border-radius: 15px;
    border: 2px solid black;
    color: black;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}