@import url(temp1.css);
body{
   background-image: url('../img/marseille.jpg');
   background-repeat:no-repeat;
   background-color: #125b8f;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100vh;
   backdrop-filter: blur(2px); 
   -webkit-backdrop-filter: blur(2px);
   background-attachment: fixed;
}
.textbox1{
   padding: 0;
   padding-bottom: 1em;
}
video{
   width: 100%;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.player{
   padding: 1.25em 1em;
   margin: 0;
   display: flex;
   flex-wrap: wrap;
}
h2{
   margin: 0;
}
.player div{
   line-height: 1.5em;
   white-space: pre-wrap;
   /* backdrop-filter: blur(2px);  */
   /* -webkit-backdrop-filter: blur(2px); */
}

.left{
   margin: 0em .5em; 
   box-sizing: border-box;
   padding: 0;
   display: flex;
   flex-direction: column;
   flex:5;
   min-width: 70%;
   /* border:#125b8f solid 2px; */
}
.content{
   /* margin: .5em 0; */
   /* border:#14ab2d solid 2px; */
   background-color: #ececec;
   border-radius: .5em;
   height: fit-content;
   padding: 1em;

}

.info{
   margin: .25em 0 ;
   color: grey;
   font-weight: lighter;
}

.right{
   margin: 0 .5em;
   box-sizing: border-box;
   padding: 0;
   display: flex;
   flex-direction: column;
   flex:2;
   /* border:#125b8f solid 2px; */
}
.sidebar{
   margin: 1em 0em;
   /* border:#14ab2d solid 2px; */
   background-color: #ffffff5c;
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px); 
   border-radius: .5em;
   height: fit-content;
   padding: 1em;
}
.sidecard{
   margin: 0em 0em 1em 0em;
   /* border:#14ab2d solid 2px; */
   background-color: #ffffff5c;
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px); 
   border-radius: .5em;
   height: fit-content;
   padding: .5em 1em;
}