.container{

max-width:1200px;
margin:auto;
padding:20px;

}

.header{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;

}

.header a{

font-size:28px;
text-decoration:none;
color:#fff;

}

.weekday{

display:grid;
grid-template-columns:repeat(7,1fr);
font-weight:bold;
text-align:center;
margin-bottom:8px;

}

.calendar{

display:grid;
grid-template-columns:repeat(7,1fr);
gap:8px;

}

.blank{

min-height:110px;

}

.day{

background:#222;
border-radius:10px;
padding:10px;
min-height:110px;

}

.number{

font-size:22px;
font-weight:bold;

}

.today{

border:2px solid #4CAF50;

}

.weekend{

background:#2d2d2d;

}

.holiday{

background:#6d2020;

}

.holiday-text{

margin-top:8px;
font-size:12px;
color:#FFD54F;

}

table{

width:100%;
margin-top:30px;
border-collapse:collapse;

}

th,
td{

padding:12px;
border-bottom:1px solid #444;
text-align:left;

}

@media(max-width:768px){

.calendar{

gap:4px;

}

.day{

min-height:70px;
padding:5px;

}

.number{

font-size:16px;

}

.holiday-text{

font-size:9px;

}

table{

font-size:13px;

}

}