a:link {color:#ffe066 ; text-decoration: none; }
a:visited {color: #bcf3d9; text-decoration: none; }
.mountains-of-christmas-regular {
  font-family: "Mountains of Christmas", serif;
  font-weight: 400;
  font-style: normal;
}

.mountains-of-christmas-bold {
  font-family: "Mountains of Christmas", serif;
  font-weight: 700;
  font-style: normal;
}
.titlefont{
	 font-size: 40px;
}
.border{
	border: 1px dotted;
    margin: 2px;
}
.container {  display: grid;
  grid-template-columns: 100px 100px 100px 100px 100px;
  grid-template-rows: 100px 100px 100px 100px 100px 100px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "title title title des11 des18"
    "title title title des22 des7"
    "des6 des19 des20 des2 des14"
    "des23 des1 des24 des9 des16"
    "des17 des10 des5 des21 des3"
    "des13 des4 des15 des8 des12";
}
.title { grid-area: title;}
.des1 { grid-area: des1; }
.des2 { grid-area: des2; }
.des3 { grid-area: des3; }
.des4 { grid-area: des4; }
.des5 { grid-area: des5; }
.des6 { grid-area: des6; }
.des7 { grid-area: des7; }
.des8 { grid-area: des8; }
.des9 { grid-area: des9; }
.des10 { grid-area: des10; }
.des11 { grid-area: des11; }
.des12 { grid-area: des12; }
.des13 { grid-area: des13; }
.des14 { grid-area: des14; }
.des15 { grid-area: des15; }
.des16 { grid-area: des16; }
.des17 { grid-area: des17; }
.des18 { grid-area: des18; }
.des19 { grid-area: des19; }
.des20 { grid-area: des20; }
.des21 { grid-area: des21; }
.des22 { grid-area: des22; }
.des23 { grid-area: des23; }
.des24 { grid-area: des24; }