@font-face{
    font-family: Jasmine;
    src: url(fonts/Champagne-Limousines.ttf) format("truetype");
}
/* img{
    height: 30px;
    width: auto;
} */
body{
    background-image: url(pictures/bcg_mandulas.png);
    font-family: Jasmine;
    color: #c18332;
    background-color: rgb(36, 36, 36);
}
body::-webkit-scrollbar{
    display: none;
}
main{
    display: grid;
}
.title{
    display: grid;
    place-items: center;
    margin-left: 10ch;
    margin-right: 10ch;
}
.table{
    display: grid;
    grid-auto-flow: row;
}
.days{
    display: grid;
    /* place-items: center; */
    grid-auto-flow: column;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 5ch 6ch 0 6ch;
}


.days > div {
    display: grid;
    grid-template-columns: 0.75fr 0.25fr; /* default for all rows */
    border-left: 1px solid #c18332;
    border-right: 1px solid #c18332;
    font-weight: bold;
    
}
.days > div.hetfo {
    border-left: 0;   /* remove left border */
}
.days > div.pentek {
    border-right: 0;  /* remove right border */
}



.days > div > h3 {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.5ch;
    border-bottom: 2px #c18332 solid;
    padding-bottom: 1ch;
    margin: 0;
}
.days > div > div {
    display: flex;
    height: 5ch;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1ch;
    font-size: 2ch;
    /* margin-top: 2ch; */
}
.days > div > div[data-index="0"]{
    padding-left: 6rem;
    font-size: 1.5rem;
}
.days > div > div[data-index="3"]{
    display: flex;
    align-items: end;
    padding-bottom: 0;
}
.days > div > div[data-index="5"]{
    display: flex;
    align-items: start;
    padding-top: 0;
}

.footer{
    height: 50px;
    /* border: 1px solid red; */
}

@media (max-width: 768px) {
    .days{
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .days > div{
        border-right: none;
        border-left: none;
    }
    .days > div > h3{
        margin-top: 50px;
    }
}