body{
    background-color: rgb(26, 25, 25);
}
/* #btn>button{
    color:white;
    background-color: red;
    padding:10px;
    border:none;
} */
#container{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:20px;
    margin-left:30px;
    margin-top:50px;
    
}
button{
  background-color:red;
  color:#ffffff;
  padding:5px;
  font-weight:600;
  margin-left: -110px;
  margin-top:-380px;
}
#input{
   margin-left:30%;
   margin-top:px;
   margin-bottom:20px;
 
}
input{
 padding:5px;
 width:500px;
 background-color: rgb(68, 67, 67);
 color:white;

}
img{
    border-radius: 10px;
    height:300px;
    width:250px;
}
#container>div{
    text-align: center;
    color:white;
}
#logo>img{
    
    width:800px;
    height:400px;
   
}
#movies{
    width:500px;
    height:350px;
    border:1px solid  rgb(48, 47, 47);
    overflow: auto;
    color:white;
    background-color: black;
   
    
}

#main{
   
        display:flex;
     justify-content: flex-end;
        background-color: rgb(61, 66, 70);
      color: white;
      font-size:larger;
       height: 50px;
        padding:25px 0 0 20px;
        border-radius: 20px;
    }

    


#smallimg{
    width:100px;
    height:80px;
    margin:6px;
   
}
#title{
  font-size:16px;

}
#smalldiv{
    display:flex;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: rgb(66, 65, 65);
    border-radius: 5px;
    margin:6px;
    
}
#clickdiv
{
    width:600px;
    height:300px;
    margin:-150px 0 0 300px;
    background-color: black;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#gifdiv{
  margin-left:150%;
 margin-top: 40%;
    
}
h1{
    color:white;
  
}

.right{
    display:flex;
    justify-content: space-around;
    color:white;
    width:30%;
   
    
}
.show>img{
    height:100px;
    margin-top:30px;
    margin-bottom:20px;
    width:100%;
}