mainpage.css 1.5 KB
.mainpage{
    height: 90%;
    width: 80%;

    display:grid;
    grid-template-rows: 1.4fr 1fr;

    margin: 1%;

    background-color: #FDF5E6;

}

.mainpage :nth-child(1):not(.mainpage :nth-child(1) :nth-child(1)){
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 8% 12% 79%;
}

.mainpage :nth-child(1):not(.haksikTitle){
    border: 2px solid black;
}

.mainpage :nth-child(1) :nth-child(1),
.mainpage :nth-child(1) :nth-child(2)
{
    padding-left: 10%;
    
    border-bottom: 2px solid black;
}
.mainpage :nth-child(1) :nth-child(3),
.mainpage :nth-child(1) :nth-child(4),
.mainpage :nth-child(1) :nth-child(5),
.mainpage :nth-child(1) :nth-child(6){
    text-align: center;
    padding-top: 2%;

    
}
.mainpage :nth-child(1) :nth-child(3),
.mainpage :nth-child(1) :nth-child(4){
    border-bottom: 2px solid black;
    margin: 0px 15px;
}



.lunchTable, .dinnerTable{
    display:flex;
    flex-direction: column;
    
}

.mainpage :nth-child(2){
    display: grid;
    grid-template-rows: 10% 90%;


}

.mainpage :nth-child(2) :nth-child(1){
    border-bottom: 2px solid black;
    border-top: 2px hidden black;
}

.mainpage :nth-child(2) :nth-child(2){
    border: 2px solid black;
    border-top: 2px hidden black;
}

.mainpage :nth-child(1) :nth-child(1),
.mainpage :nth-child(1) :nth-child(2),
.mainpage :nth-child(2) :nth-child(1){
    background-color: #FFE4b1;
}

.mainpage :nth-child(2) :nth-child(2) {
    display:flex;
    flex-direction: column;
    background-color: #FDF5E6;
}