*{
    padding:0;
    margin:0;
    box-sizing: border-box;

}

body{
    background:url(city1.jpeg);
    /* background-position: center; */
    background-repeat: no-repeat;
    height:100vh;
    width:100%;
    background-size: cover;

}
.header{
    display: flex;
    justify-content:space-evenly;
    margin-top:10px;
}


#status{
    color:white;
    font-weight: 700;
    font-size: 1.5rem;
    border:1px solid white;
    height:50px;
    width:200px;
    position: absolute;
    text-align: center;
    justify-content: center;
    padding:10px 20px;
    box-shadow: 2px 2px 2px #fff;

}
.content1-wrapper{
   
    display: flex;
    transform: translateY(150px);
    justify-content:space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
    height:50%;
    
}
.logo img{
    width:200px;
    height:200px;
    left:0;
    margin-top:-50px;
    padding:0;
}
.content1{
    width:50%;
    height:auto;
    font-weight: 700;
    font-size: 1rem;
    /* border:1px solid white; */
    text-align: center;
    justify-content: center;
    backdrop-filter: blur(14px);
    padding:10px 20px;
    /* box-shadow: 2px 2px 2px #fff; */
    -webkit-box-shadow: 0px 0px 37px 18px rgba(209,175,209,0.68);
-moz-box-shadow: 0px 0px 37px 18px rgba(209,175,209,0.68);
box-shadow: 0px 0px 37px 18px rgba(209,175,209,0.68);
}

.content1 h2{
    
    color:red;
    text-align: center;
}
#transcript{

  height:100%;
   transform: translateY(20px);
    color: wheat;
  
}
@media (max-width:760px) {
    .video{
        transform: translateY(30px);
    }
}