*{
    margin:0;
    padding:0;
    }

#one{
    display:flex;
    margin: auto;
    width:100%;
    height:70px;
    background-color:white;
    justify-content:center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    /* sticky properties */
    top: 0;
    font-family: Arial, Helvetica, sans-serif;
   
  }
  a{
    text-decoration: none;
    padding-top:20px;
    margin-right:30px;
    color:rgb(124, 118, 118);  
    font-size:17px;
  }
  a:hover{
    color:rgb(20, 121, 209);
    cursor: pointer;
  }
  #more{
    background-color: white;
    
    font-size: 16px;
    border:none;
    width:100px;
    user-select: none;
  }
  select{
    background: white;
    color: black;
  }
  option{
    border:none ;
    color: #FFF;
    background-color:#009966;
  }
  #two{
    width:50%;
    padding-top:20px;
    margin:auto;
    height:350px;
    margin-top:20px;
  }
  #two>img{
    width:100%;
    height:100%;
    
  }
  #three{
    width:80%;
    height:100%;
    margin:auto;
    margin-top:20px;
    display:flex;
  }
  .one{
    width:30%;
    height:1200px;
    border-radius: 18px; 
    margin-right:20px; 
    display:grid;
    gap:20px;
    margin-top:70px;
  }
  .one>div{
    width:100%;
    height:400px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  }
  .one>div>img{
    width:100%;
    height:100%;
    border-radius: 18px;
   
  }
  .two{
    width:70%;
    height:2250px;
  }
  .two>video{
    width:100%;
    height:600px;
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
  .two>h1,p{
    margin-left:20px;
}
.three{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
   
    
}
/* .three>div{
    width:260px;
    height:350px;
    border:1px solid red;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-top:20px;
    
} */
.three>div>video{
    width:100%;
    border-radius: 18px;
    height:250px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.three>div>h4,p{
    margin-left:10px;
}
/* .four{
  width:100%;
  height:200px; 
  border:1px solid red;
  margin-top:20px;

} */
.four>img{
  width:100%;
  height:100%;

}
.five{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:20px;
 
  
}
.five>div{

 margin-top:20px;
 
}

.five>div>video{
  width:100%;
  height:80%;
  border-radius: 18px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.five>div>h4,p{
  margin-left:10px;
}
#foot{
  display:flex;
  width:100%;
  height:50px;
  background-color: whitesmoke;
  margin-top:100px;
}
#foot>button{
  padding-top:10px;
  border:none;
  color:black;
  margin-left:20px;
  cursor:pointer;
}