styles.css

 *{
  padding: 0;
  margin: 0;
 } 

  h1{
	color:white;
	background-color:#2576b0;
	padding:20px;
	}
  
#player-size {
  /* comment below line for responsive 16:9 full screen */
  width: 100%;
  /* only need to specify width since 16:9 ratio is  
     preserved / automatically applied */
}

.search{
  /* margin:auto;
  max-width:300px; */
}

.container{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 15px; */
  max-width: 600px;
  margin:auto
}

.container div{
  margin: 10px;
}

#cropping-div {
  overflow: hidden;
}

#div-to-crop {
  overflow: hidden;
  margin-top: -51%;
  margin-bottom: -20%;
}

#player-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 128.25%;
}

#player {
  position: absolute;
  top: 0;
  width: 100%;
  height: 124%;
  
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font: 14px/20px Noto Sans Bengali,sans-serif;
    margin: 16px 0 15px;
    width: 100%;
}

.btn{
  /* position:relative; 
  right:0px; width:30px; 
  height:30px; 
  background-color:#FFFFFF;  
  margin:1px; */
  color: white;
  background-color: rgb(9, 116, 143);
  padding: 5px;
  border-radius: 7px;
  width: fit-content;
  cursor: pointer;
}