body{
background-color: black;
}
.page{
width: 71%;
margin: 0px auto 0px;
text-align: center;
}
.title {
text-align: center;
margin: 0px auto 0px;
}
.title img{
width: 111px;
text-align: center;
}
.ip {
text-align: center;
}
.idea{
width: 555px;
text-align: center;
color: white;
margin: 15px 15px 15px;
display: inline-block;
}
.holyseb {
text-align: center;
margin: 0px auto 0px;
}
.holyseb img{
width: 333px;
text-align: center;
}
.holyseb img:hover{
filter: brightness(777%);
}
.idea h5{
font-size: 25px;
background-color:green;
}
#holyhub{
font-size: 15px;
background-color:#777;
}
.idea img{
width: 555px;  
margin: 0px 0px 15px;
background-color: #333;
border-radius: 1px;
transition: box-shadow 0.3s ease;
 transition: 0.3s ease;
}
.idea img.loaded {
box-shadow: 0 0 6px 1px rgb(96, 135, 196, 0.9);
} 
.idea img:hover{
transform: scale(1.05);
filter: brightness(777%);
}
.gif-caption {
margin: 0px auto 0px;
width: 555px;
color: white;
font-size: 17px;
text-align: center;
background-color: green;
}
@media screen and (max-width: 700px) {
    .idea {
        max-width: 90%;
    }
    .idea img {
        width: 90%;
    }
    .gif-caption {
        width: 90%;
    }
}