.compare-main {
    padding-top: 7vh;
    display: grid;
    grid-template-columns: auto auto;
}

.compare-search {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15vw;
    height: fill;
    background-color: rgb(255, 65, 65);
}

.compare-search h1 {
    margin-top: .5em;
    font-size: 1.75em;
    padding: .5em;
    color: white;
}

.search h2 {
    font-size: 1.75em;
    padding: .5em;
    color: white;
}

.searchbar form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1em;
}

.compare-display {
    width: 85vw;
    height: fit-content;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: .5vw;
    padding: 2vw;
}

.compare-card {
    padding: .5em;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    color: white;
    width: 14vw;
    height: 7.5vw;
    background-color: rgb(255, 65, 65);
    border: solid rgb(255, 65, 65) 2px;
    transition: ease-in-out .2s;
}

.compare-card p {
    border-top: solid white 1px;
    padding: .25em;
    width: 13vw;
}

.compare-card:hover {
    background-color: white;
    color: rgb(255, 65, 65);
}

.compare-card:hover p {
    border-top: solid rgb(255, 65, 65) 1px;
}

.dataset-detail {
    width: 27vw;
    height: fit-content;
}

.dataset-detail img {
    width: 27vw;
    height: fit-content;
}