html,body{margin:0;padding:0}*{font-family:"PT Sans";font-style:normal;font-variant:normal}#timetable{align-self:flex-end;margin-bottom:50px}#timetable td,#timetable th{padding:3px 10px;text-align:center}#timetable thead{color:black;text-align:center;text-transform:uppercase}#timetable thead th:first-child{padding:0 10px}#timetable tbody td:first-child{text-align:center;font-weight:bold}#timetable tbody td:first-child small{font-size:10px;padding-left:3px;color:gray}#timetable tbody tr:nth-child(odd) td.summer{background:antiquewhite}#timetable tbody tr:nth-child(odd) td.winter{background:lightblue}#timetable tbody tr td:first-child.summer{border-left:2px solid antiquewhite}#timetable tbody tr td:last-child.summer{border-right:2px solid antiquewhite}#timetable tbody tr td:first-child.winter{border-left:2px solid lightblue}#timetable tbody tr td:last-child.winter{border-right:2px solid lightblue}#timetable tbody tr.jumuah td:first-child small{color:#e4e4e4}#timetable tbody tr.jumuah .winter{background-color:blue !important;color:white}#timetable tbody tr.jumuah .summer{background-color:peru !important;color:white}#timetable tbody tr.today td{border-top:2px dotted #005000;border-bottom:2px dotted #005000}.wrapper{display:flex;flex-direction:column;position:relative;overflow:hidden}.wrapper::before{transform-origin:300px 300px;transform:rotate(var(--rotate));content:"";position:absolute;width:200%;height:200%;z-index:-1;background-repeat:no-repeat;background-position:-300px -300px;background-size:600px;background-image:url(img/circle.svg)}.wrapper.jumuah::before{background-image:url(img/oboi-01.jpg);background-repeat:repeat;opacity:.3}.wrapper main{display:flex;flex-direction:row}.wrapper main .left{width:300px;margin-left:20px;background-repeat:no-repeat;background-position:bottom;background-image:url(img/mosque_siluet.svg)}.wrapper main .center{display:flex;flex-direction:column;flex-grow:2}.wrapper main .center h2{background-color:brown;color:white;font-size:50px;display:block;width:fit-content;padding:10px 20px;text-transform:uppercase;align-self:flex-end;margin-top:20px;margin-bottom:20px;text-align:right}.wrapper main .center h2 small{display:block;font-size:25px}.wrapper main .right{width:50px;background-repeat:repeat-y;background-size:auto 100px;background-position:left center;background-image:url(img/orn-g.svg);margin:150px 0 150px 10px}.info{display:flex;flex-direction:row;background-color:#005000;height:200px}.info .left{padding:30px 50px 30px 20px;display:flex;flex-direction:column;align-self:center;background-repeat:no-repeat;background-position:right;background-size:auto 110px;background-image:url(img/orn2.svg)}.info .left h3{font-size:30px;text-transform:uppercase;text-align:right;color:white;margin:0;align-self:center}.info .left small{color:#d4ffd7}.info .right{background-repeat:no-repeat;background-size:auto 80%;margin-right:20px;background-position:right center;background-image:url(img/qr.jpg);flex-grow:2}@media print{.no-print,.no-print *{display:none !important}}