body{
    background-color:ivory;
}
.text{
    text-align:center;
    margin-top:100px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:black;
    font-size:20px;
}
.boyut1 {
    margin-left: -50px;
    margin-top: 470px;
    width: 300px;
}
.Renk {
    background-color: #141414;
}
.VideoReelsAyarı {
    width: 450px;
    margin-top: -430px;
    height:850px;
    margin-left:300px;
}
.SagDiv {
    position: fixed; 
    width: 300px;
    height: 950px;
    border: 1px solid dimgray;
    background-color: #0d0d0d;
    z-index: 9999;
}
.b{
    width: 30px;
    height: 30px;
}
.b2{
    width: 70px;
    height: 70px;
}
.User{
    width: 50px;
    height: 50px;
}
.a1{
    text-decoration:none;
    color:dimgray;
}
     @media (max-width: 768px) {
.side-menu {
    width: 80px;          
    height: 100%;         
    padding: 5px;
  }
  .side-menu button h5 {
    display: none;       
  }
  .side-menu button {
    width: 60px;       
    height: 60px;
    margin: 5px 0;
  }
}