#panel {
    position: fixed;
    bottom: 0px; 
    left: 0; 
    background: black; 
    width: 100%; 
    height: 75px;
    font: 14px Arial; 
    color: #fff;
    text-align: center; 
    padding: 5px;

    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#panel .left{
    float:left; 
    margin: -10px 0 20px 50px;
    }
#panel .right{
    float:right;

    margin: 30px 100px 20px 50px;
    }
    
#iframe{
    width: 100%; 
    height: 100%;   
    overflow:  hidden; 
    border: 0;    
    box-sizing: border-box; 
    background-color: white;

    border-width : 0px;
    }
    
a.but {
  color: #fff; 
  text-decoration: none; 
  user-select: none; 
  background: #228B22; 
  padding: .7em 1.5em; 
  outline: none;
  margin: 5px;
}
a.blue {
  background:   #4169E0; 

} 
 
a.but:hover { background: #006400; } 
a.but:active { background: #228B22; } 
a.blue:hover { background: #0000CD; } 
a.blue:active { background: #0000CD; }


body{
    margin: 0px;
    padding: 0px;
}