html,
body{
    height: 100%;
    max-width: 100%;
    padding: 5;
    margin: 5;
    background-color: white;
}
.logo{
    width: 200px;
    height:150px;
}
.basketballs{
    align-content: flex-start;
    width: 250px;
    height:200px; 
}

.title{
    font-size: 55px ;
    text-align: center;
    color: red;
}

.intro{
    width: 1000px;
    height:400px;
}

.corrmtx{
    width: 500px;
    height: 500px;
}

.heatmap{
    width: 500px;
    height: 500px;
}

a{
    color:blue;
}

.panel-body{
    border-color: black;
    width: 50px;
    height: 50px;
}

.mb-3 {
    margin-bottom: 1rem!important;
}

col-md-3 {
    padding: 15px;
}

.rfc{
    width: 500px;
    height:500px; 
    padding-bottom: 25px;   
}

.SHAP{
    width: 500px;
    height:500px;  
    padding-bottom: 25px;  
}

.it_worked{
    width: 300px;
    height:300px;    
    align-content: center;
}

.data {
    font-size: x-large;
    padding-bottom: 15px;
}

.last_line{
    padding-bottom: 25px;
}

.train {
    font-size: x-large;
    padding-bottom: 25px;
}

.prediction {
    font-size: x-large;
    padding-bottom: 25px;
}

.parent{
    text-align: center;
    padding-bottom: 25px;
}

.table{
    text-align: center;
}

h1{
    color: red;
}


footer{
    background-color: rgb(206, 233, 241);
    padding-bottom: 25px;
}

.mb-2{
    font-size: larger;
}

.mb-3{
    font-size: larger;
}

.team{
    text-indent: 240pt;
}