body{
   background-color: #9494b8;
}
.bru{
   display: block;
   width: auto;
   margin: 0 auto;
}
.video{
   display: block;
   width: auto;
   margin: 0 auto; 
}
.lol{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.center{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.title{
    font-family: sans-serif; 
    color: #333333; 
    text-align: center; 
}
.tabContainer{
    width: 100%;
    height: 350px:
}
.tabContainer .buttonContainer{
    height: 15%;
}
.tabContainer .buttonContainer button{
    width: 25%; 
    height: 100%; 
    float: left; 
    border: none; 
    outline:none; 
    cursor: pointer; 
    padding: 20px; 
    font-family: sans-serif; 
    font-size: 20px; 
    background-color: #eee;
}
.tabContainer .buttonContainer button:hover{
    background-color: #d7d4d4;
}
.tabContainer .tabPanel{
    height: 85%; 
    background-color: gray; 
    color: white; 
    text-align: center; 
    padding-top: 290px; 
    box-sizing: border-box; 
    font-family: sans-serif; 
    font-size: 22px; 
    display: none; 
}