.second-grid{
    display: grid;
    gap: 10px;
    position: relative;
    margin: 10px auto;

}

@media (max-width: 3000px) {
    .second-grid{
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .second-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .second-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

.second-grid .result-item{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px;
    pad: 10px;
    border: 3px red solid;
    align-items: center;
}
.second-grid img{
    position: relative;
    width: 95%;
    height: auto;
    margin: 10px auto;
    border-radius: 20px;
    display: block;
    align-items: center;
}

.second-grid h3{
    font-size: 15px;
    margin: 10px;
    color:black;
}

.second-grid p.simple{
    color: orange;
    margin: 10px;
}

.second-grid p.views{
    color: gray;
    text-align: right;
    margin: 10px;
}

.error {
    color: red;
    font-size: 40px;
    grid-column: span 4;
    text-align: center;
}

#search-input {
    padding: 5px 10px;
    font-size: calc(0.5rem + 0.5vw);
    flex: 1 1 0;
    /* height: 100%; */
}