.main {
    padding: 20px;  border-radius: 20px;
}
.flex-between {
    display: flex;  justify-content: space-between;  gap: 10px;
}
button {
    font-size: calc(.5rem + .5vw);    font-size: 16px; padding: 1vw 1vw;  border: none; border-radius: 10px; background-color: #a6d3d2; 
}

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

@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;  align-items: center;  width: 100%;  height: auto;  margin: 0;  border: 3px red solid;  pad: 10px;
}
.second-grid img {
    position: relative;  display: block;  align-items: center;  width: 95%;  height: auto;  margin: 10px auto;  border-radius: 20px;
}

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

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

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

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

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