body{
    font-family: Arial, Helvetica, sans-serif;
    background: #312377;
    text-align: center;


}

.title{
    font-size: 2.5rem;
    margin-top: 20px;
}

.controls{
    margin: 20px auto;
}

input{
    padding: 8px;
    font-size: 1rem;
    width: 200px;
    
}

p{
    color: white
}
.jumbotron{
    color:rgb(27, 29, 100);
    
}

.plot_container{
    width: 500px;
    height: 490px;
    border-radius: 50px;
    overflow: hidden;
    display: block;
    margin: 20px auto;


}

.plot_container2{
    width: 300px;
    height: 300px;
    display: block;
    margin: 20px auto;
}

.col-md-12{
    background-color:azure;
    color:rgb(27, 29, 100);
}

.col-md-8{
    background-color: rgb(27, 29, 100);
    color:rgb(252, 252, 252);
}

.col-md-4{
    background-color: rgb(1, 2, 51);
}

button{
    background-color:rgb(24, 5, 93);
    color: #ffffff;
    border-radius: 50px;
}

.info-box{
    background-color: azure;
    text-color: navy
}