body{

font-size:1.5rem;
padding: 25px;
background-image:url(123.jpg);
background-size: cover;
}
h1{
color:white;
font-family: 'Chakra Petch', sans-serif;
letter-spacing: 3px;
}
.header{
margin: 15px;
padding: 5px;
color:white;
}
.header1{
padding-bottom: 5px;
text-align: center;
color: white;
}
video{
align-items: center;
width: 100%;
height: 50%;
border-radius: 10px;
}
.abcd{
  border:1px solid white;
  border-radius: 10px;
  margin-left: 10%;
  margin-right: 10%;  
  box-shadow:
    0 0 3px 2px #fff,  
    0 0 6px 3px #99ff99,
    0 0 8px 5px #0ff; 
}
.btn{
width: 200px;
padding: 5px;
font-size: 26px;
font-weight: bold;
border-radius: 5%;
background: -webkit-gradient(to right,#a2ccb6 0%,#fceeb5 50%, #ee786e 100%);
background: linear-gradient(to right,#a2ccb6 0%,#fceeb5 50%,#ee786e 100%);
}
.btn:hover{
transform: scale(1.1);
}
a{
text-decoration: none;
color: black;
}
.sidepanel  {
width: 0;
position: fixed;
z-index: 1;
height: 250px;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidepanel a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidepanel a:hover {
color: #f1f1f1;
}
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
}
.openbtn {
font-size: 20px;
cursor: pointer;
background-color: #111;
color: white;
padding: 10px 15px;
border: none;
}
.openbtn:hover {
background-color:#444;
}