mainpage.css 2.19 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) *, .mainpage :nth-child(2) > * ){
    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;
    padding:0px;
    margin: 0px;
}

.mainpage .mainpageUnder :nth-child(2) > div {
    
    font-size: 10px;
    height: 30%;
    max-height: 30px;
    width: 98%;
    background-color: #FDF5F3;
    border:0px solid black;
    border-bottom: 1px solid black;
    padding-left:10%;
    display:grid;
    grid-template-columns: 25% 50% 15%;
    grid-template-rows: 100%;
    align-items: center;
    padding-top: 1%;
    margin: 0.5%
}

.mainpage .mainpageUnder :nth-child(2) > div >div{
    border: 0px solid black;
    background-color: #FDF5F3;
    height:100%;
    width:100%;
    max-height: 18px;
    display: block;
    text-align: left;
    padding:0%;
    margin:0%;
    overflow: hidden;
}