@charset 'UTF-8';

:root {
    --light-green: #8cd89e;
    --deep-green:rgb(70, 214, 70);
    --green: #63dbd0;
    --brown: #403632;
    --light-grey: #eee;
    --white: #fff;
    --grey: #8c8c8c;
    --oswald-font: 'Oswald', sans-serif;
    --G3-color: green;
    --G2-color: red;
    --G1-color: blue;
}

.fb {
    font-weight:bold;
}

.shop2 table {
    width: 100%;
    font-size: 1.2rem;
    align-items: center;
    justify-content: center;
    
}

.shop2 th{
    border: 1px solid black;
    background-color: var(--light-green);
    
}

.shop2 td {
    border: 1px solid black;
    background-color: var(--white);
}

@media (max-width : 768px ) {
    .shop2 table {
        font-size: 3.5vw;
    }
}

.G1 {
    color: var(--G1-color);
}

.G2 {
    color: var(--G2-color);
}

.G3 {
    color: var(--G3-color);
}

.column-con {
    text-align: left;
}