html,body{
    forced-color-adjust: none;
    background-color: white;
    color:black;
}
*{
    margin:0;
    padding:0;
     font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.main_box{
    background-image: url(photo.jpg);
    background-size: cover;
    width:100vw;
   
    background-position: center;
    height: 100vh;
    
}
.sidebar_menu{
  
    position:fixed;
    height: 100vh;
    width: 250px;
    left: -400px;
    background-color: rgba(255,255,255,0.1);
    box-shadow: 0 0 2px rgba(255,255,255,0.5);
    transition:linear 0.4s;
}
@media(max-width:260px){
    width:100vw;
}
#check:checked ~ .sidebar_menu{
    left:0px;
}
#check:checked ~ .btn_one{
    opacity:0;
}

.btn_one{
    font-size: 20px;
    line-height: 60px;
    position:absolute;
    /* top:0; */
    left:7px;
}
.btn_one:hover{
    font-size:30px;
    color:white;
}
.sidebar_menu .logo{
   
     position:absolute;
    line-height: 60px;
    box-shadow: 0 0 8px rgba(255,255,255,0.5);
    width: 250px;
    height: 60px;
}
.sidebar_menu .logo a{
     position: absolute; 
     /* box-shadow: 0 0 4px rgba(255,255,255,0.5);  */
    left:50px;
    font-size: 15px;
    font-weight: 50px;
} 
.btn_two i{
    position:absolute;
    color:silver;
    font-size: 22px;
    left:220px;
    top:20px;
}
.btn_two i:hover{
    font-size:25px;
    color:white;
}
i{
    color:white;
    opacity:0.5;
    transition:0.5s;
}
.social_media ul  a i:hover{
    opacity:4;
    font-size: 20px;
}
    #check{
    display:none;
}
a{
    text-decoration: none;
    color:white;
 }

.social_media {
    position: absolute;
    bottom:20px;
    left:80px;
    
}
.menu{
    position:absolute;
    top:60px;
}
.menu ul li{
    margin:20px;
    width: 230px;
    
    
}
.menu  li:hover{
     box-shadow: 0 0 8px rgba(255,255,255,0.5);

}
.social_media ul a{
    margin:5px;
    
}