main {
    background-color: rgb(43, 43, 43);
    color: greenyellow;
    font-family: 'Oswald', sans-serif;
    padding-top: 120px;
    height: 100%;
}

.compare-table {
    display: grid;
    grid-template-areas:
    'compare-select compare-select2'
    'compare compare2';
    text-align: center;
    justify-items: center;
    align-items: center;
    height: 100%;
    padding: 30px;
}

.compare, .compare2 {
    height: 700px;
    width: 400px;
    border-radius: 30px;
    border: yellowgreen solid 3px;
}

.img {
    height: 400px;
    width: 400px;
    object-fit: contain;
}

.compare-select, .compare-select2 {
    width: 400px;
    padding: 20px;
}

.product, .products {
    display: none;
}

select {
    font-size: 16px;
}

h2 {
    text-decoration: underline;
}

@media (max-width: 900px) {
    .compare-table {
        display: flex;
        flex-direction: column;
    }
}

.compare-select {
    grid-area: compare-select;
}

.compare-select2 {
    grid-area: compare-select2;
}

.compare {
    grid-area: compare;
}

.compare2 {
    grid-area: compare2;
}