body{ background-color: black;
    
overflow-x: hidden;
}
.banner{
background-image:url("rome.jpg");
width: 100%;
height: 800px;
  background-repeat: no-repeat;
   
    background-position: center; 
background-size:cover;
background-position:center;
padding-left:0px;
padding-right:0px;
height: 300px;

}
.container{
width:100%;
border:0px;
padding: 0px;


}
.black{
color: white;
text-align: center;
}
.box{
background-color: #dcdee2;
color: black;
padding-bottom: 20px;

}
.leftbox{
background-color: #CED8F6;
color: black;
padding: 25px;
border-radius: 8px;
border-style: solid;
border-width: 1px;
border-color: black;
height: 450px;
overflow-y: hidden;
}
.thisbox{
background-color: #CED8F6;
color: black;
padding: 25px;
border-radius: 8px;
border-style: solid;
border-width: 1px;
border-color: black;
overflow-y: hidden;
}
.footer{
background-color: #dcdee2;
color: black;
padding: 5px;
border-radius: 8px;
text-align: center;
}
.table{
border-width: thin;
border-style: none;
border-color: #CEE3F6;
}

.centerbox{
background-color: #CED8F6;
color: black;
padding: 25px;
border-radius: 8px;
border-style: solid;
border-width: 1px;
border-color: black;
height: 90%;
overflow-y: hidden;
}