*{
    margin:0px;
}
#navbar{align-content: center;
    border-color:black;
    border:2px;
    border-style:solid;
    background-color:#57564F;
width:1270px;
height:60px;
}
a{color:yellow;
    
    margin-left:180px;
   
    text-decoration:none;
}
#a{margin:0px;
    font-size:30px
}
#input{margin-left:200px;}
/*content*/
#t{
   
    text-align:center;
   
}
#line{
    background-color:#DDDAD0;
    padding:20px;
}
.container{
    display:flex;
    align-items:flex-start;
    gap:20px;
}

#content{
    border:2px;
    border-style:none;
    border-color:black;
    width:1266px;
    height:400px;
    background-color:#DDDAD0;
}
#rating{font-size:20px;
    margin-left:70px;
    font-weight:900;
   
    
    ;
}
#rate{font-size:20px;
    font-weight:900;
    margin-left:10px;
}
#img{
    margin-left:140px;
    margin-top:20px;
    border:1px;
    height:300px;
    width:300px;
   display: inline;
    border-style:solid;
    border-color:black;
}
#details{
    font-size:15px;
    display:inline-flex;
    flex-direction:column;
    border:1px;
    border-style:none;
    border-color:black;
    margin-left: 50px;
    margin-top:20px;
    height:300px;
    width:600px;
}
#title{
    font-size:30px;
    text-align:center;
    font-weight:bold;
    font-family:Trebuchet MS;
    margin-left:20px;
}
#det{
    margin-left:20px;
    font-family:Arial;
}
#det1{
    font-family:Arial, Helvetica, sans-serif;
    margin-left:20px;
}
#price{
    font-size:30px;
    margin:20px;
    font-weight:bolder;
}
#comment{
    height:1300px;
    border:1px;
    border-style:none;
    border-color:black;
    flex-direction:colomn;
    background-color:#DDDAD0;
}
#c1{
    margin-left:100px;
    margin-top:20px;
}
#text{
    margin-left:100px;
    margin-top:20px;
}
#post{
    margin-left:100px;
    margin-top:20px;
}
#c2{
    margin-left:10px;
    margin-top:30px;
    border:2px;
    border-style:solid;
    border-color:black;
    display:inline-block;
    padding:20px;
    border-radius:10px;
}
#comments{
    font-size:30px;
    font-weight:bolder;
    text-align:center;
    font-family:Trebuchet MS;}
#like{
    border-radius:10px;
}
#dislike{
    border-radius:10px;
margin-left:120px;
}
#share{
    border-radius:10px;
    margin-left:120px;
}
#stopads{
    border-radius:10px;
    margin-left:120px;}
#clip{
    border-radius:10px;
    margin-left:120px;
}
#save{border-radius:10px;
    margin-left:120px;}
#report{
    border-radius:10px;
    margin-left:120px;}
#user{
    margin-left:20px;
    margin-top:20px;
    border-radius:30px;
}
#name{
    font-size:20px;
    font-weight:bolder;
    margin-left:10px;
   margin-bottom:20px;
    text-align:center;
}
#notification{
    margin-left:940px;
}
   /*Footer*/
footer{
    text-align:center;
    border:2px;
    
    background-color:#17313E;
    width:1266px;
    height:400px;
    border-style:solid;
    border-color:black;
}
#footer{
    margin-top:20px;
}










